JavaScript笔记基础知识总结2

本文主要概括总结javascript的Object

1.产生Object的方法：

第一种：

1 var obj = {name:"lishan",age:23,email:"xviubu@gmail.com"};

第二种：

1 var obj = {};
2 obj.name = "lishan";
3 obj.age = 23;
4 obj.email = "xviubu@gmail.com";

第三种：

1 var obj = new Object();
2 obj.name = "lishan";
3 obj.age = 23;
4 obj.email = "xviubu@gmail.com";

2 访问Object的方法有两种形式

1 console.log(obj.name);
2 console.log(obj["email"]);

遍历所有的元素的方法

1 for(var property in obj)
2 {
3     console.log(obj[property]);
4 }

注意这里不能使用 obj.property

3 下面介绍javascript的OOP

(1) 构造器，成员变量，方法

 1 function Person(name,age)  //构造器
 2 {
 3     this.name = name;
 4     this.age = age;
 5     var email = "xviubu@gmail.com";
 6     this.getBirthday = function()
 7     {
 8         return 2013 - this.age;
 9     }
10 }
11
12 var me = new Person("lishan",22);
13 console.log(me.getBirthday());

this 修饰的为public，var 修饰的为private

（2）继承

 1 function Student(name,age)
 2 {
 3     this.name = name;
 4     this.age = age;
 5 }
 6
 7 Student.prototype = new Person();
 8
 9 var you = new Student("zhanglei",23);
10
11 console.log(you.getBirthday());

使用 prototype 继承 Person 这里调用了从父类继承而来的getBrithday（）；

console.log(you.email);

输出为 undefined 说面私有变量不能被继承，同样私有方法也不能被继承

1 Student.prototype.sayHello = function()
2 {
3     console.log("Hello " + this.name);
4 };
5
6 you.sayHello();

但是可以通过prototype 为类增加方法,并且为public方法，可以被继承如

 1 function Monitor(name,age)
 2 {
 3     this.name = name;
 4     this.age = age;
 5 }
 6
 7 Monitor.prototype = new Student();
 8
 9 var him = new Monitor("zhangzhao",21);
10 him.sayHello();

主要知识点也就这些

这两篇完全没有涉及javascript的应用，只是介绍javascript的纯语法，也就是核心基础知识

转载于:https://www.cnblogs.com/xviubu/p/3430078.html

JavaScript笔记基础知识总结2相关推荐

Python复习笔记——基础知识
Python复习笔记-基础知识文章目录 Python复习笔记-基础知识 Python变量基于值的内存管理方式赋值语句的执行过程 Python定义变量名的规范运算符和表达式加+ 乘* 除/ % ...
JavaScript入门基础知识
JavaScript入门基础学习 1.三种引用JavaScript的方式 1.1行内式 <input type = "button" value="点我试试&quo ...
python3语法基础知识_Python语法笔记 - 基础知识
本文为博主原创文章,请遵守文章最后的版权申明. 有很多程序员在学习一门技术之前,都会有一番思想斗争.究竟要不要花时间去学?学了有什么意义?我大Java包办一切,何必要去学那些"旁门左道&qu ...
javascript的基础知识
/*module("基础知识测试-Math函数用法", { setup : function() { ok(true, "基础知识测试-Math函数用法-开始&qu ...
#java读书笔记#基础知识
一.基础知识: 1.JVM.JRE和JDK的区别: JVM(Java Virtual Machine):java虚拟机,用于保证java的跨平台的特性. java语言是跨平台,jvm不是跨平台的. ...
【JavaScript笔记 · 基础篇(五)】Array全家桶（引用数据类型中的数组 / Array对象 / Array.prototype）
文章目录一. 引用数据类型中的数组 1.1 概述 1.2 初始化 1.2.1 字面量 1.2.2 构造函数模式 1.3 访问 1.4 length属性 1.5 数组遍历 1.6 类数组对象 1.6. ...
Cracer渗透视频课程学习笔记——基础知识（1）
常见的术语介绍脚本(asp,php,jsp):可以编写动态网站的,浏览器右击查看不到,只能看到静态代码. html(css,js,html):解释语言,静态的,浏览器右击查看源码可以看到 HTTP协 ...
设计模式学习笔记-基础知识篇
1. 设计模式的重要性 1.1 设计模式解决的是在软件过程中如何来实现具体的软件功能.实现同一个功能的方法有很多,哪个设计容易扩展,容易复用,松耦合,可维护?设计模式指导我们找到最优方案. 1.2 设 ...
javascript一些基础知识
1.javascript的数组API Js代码 //定义数组 var pageIds = new Array(); pageIds.push('A'); 数组长度 pageIds.length; // ...

JavaScript笔记基础知识总结2

JavaScript笔记基础知识总结2相关推荐

最新文章

热门文章

JavaScript笔记 基础知识总结2

JavaScript笔记 基础知识总结2相关推荐

最新文章

热门文章

JavaScript笔记基础知识总结2

JavaScript笔记基础知识总结2相关推荐