JavaScript 对象和面向对象概述(自定义对象)
2017-03-06 17:35
267 查看
1. JS中的对象(Object)
创建空白对象:
对象里面的变量叫属性,对象外面的变量叫变量
对象里面的函数叫方法,对象外面的函数叫函数
但前提是要给对象绑定属性和方法
2. 构造函数(就是为了创建对象实例)
① 可以创建对象实例的函数,为新对象进行初始化(设置对象的属性)。
② 区别于普通函数,首字母大写。
3. 创建自定义对象
创建单个自定义对象:
创建多个自定义对象:
函数是可以重复执行的代码块,把创建对象的方法封装到函数中,然后把变化的值设计成参数
构造函数法创建自定义对象:
[/b]
This
① this只出现在函数中。(arguments也只出现于函数中)
② 谁调用函数,this就指的是谁。
③ new People(); People中的this代指被创建的对象实例。
new
① 开辟内存空间,存储新创建的对象( new Object() )
② 把this设置为当前对象
③ 执行内部代码,设置对象属性和方法
④ 返回新创建的对象
4. 对象字面量
5. json
- Json由{ }和key:value以及逗号三部分组成(只有一个键值对key:value时,可以没有逗号)。
- 对象字面量定义方法和json很像,只有一点不同,json的key要求必须加“”
- json的取值有两种方式,json.属性名,或 json["属性名"]
- json中每个属性的属性值如果是数字,就是number类型,如果是字符串,就是string类型
- 如果调用一个函数后,可以使用.属性的方法获取一个值,那么他的返回值,一定是一个json
6. for...in...
注意:
如果一个对象的属性都是数值而且有length属性,遍历的时候使用 for 循环和 for in 的方式都可以;
如果一个对象的属性都是单词不是数值,在遍历时只能通过 for in 的方式。
7. 参数和传值问题
① 简单类型数据做参数,函数内部对参数的修改不影响外部变量。
简单类型传数值。
② 复杂类型数据做参数,函数内部对参数的修改会影响外部变量。
复杂类型传地址。
创建空白对象:
var obj = new Object();
对象里面的变量叫属性,对象外面的变量叫变量
对象里面的函数叫方法,对象外面的函数叫函数
但前提是要给对象绑定属性和方法
2. 构造函数(就是为了创建对象实例)
① 可以创建对象实例的函数,为新对象进行初始化(设置对象的属性)。
② 区别于普通函数,首字母大写。
3. 创建自定义对象
创建单个自定义对象:
//创建单个自定义对象 var stu = new Object(); //为该对象绑定属性 stu.name = "杨哈哈"; stu.age = 18; stu.gender = "男"; //为该对象绑定方法 stu.study = function () { console.log("我正在学习!"); }
创建多个自定义对象:
函数是可以重复执行的代码块,把创建对象的方法封装到函数中,然后把变化的值设计成参数
function createStu(name,age){ //每次调用函数,创建一个新的对象 var stu = new Object(); stu.name = name; stu.age = age; stu.study = function () { //this代表函数的调用者 console.log(this.name + ":我正在学习"); } return stu; }
构造函数法创建自定义对象:
function Stu(name,age){ this.name = name; this.age = age; this.study = function () { console.log(this.name + ":我正在学习"); } } var aaa = new Stu("carrie",18); console.log(typeof aaa);//Object类型,而非Stu类型,因为js是基于对象的语言,而非面向对象的语言,所有新对象实际上在底层都是Object类型 console.log(aaa); console.log(aaa.name); console.log(aaa.age); aaa.study();
[/b]
This
① this只出现在函数中。(arguments也只出现于函数中)
② 谁调用函数,this就指的是谁。
③ new People(); People中的this代指被创建的对象实例。
new
① 开辟内存空间,存储新创建的对象( new Object() )
② 把this设置为当前对象
③ 执行内部代码,设置对象属性和方法
④ 返回新创建的对象
4. 对象字面量
var obj = {aaa: 1, bbb: 2, ccc: 3, ddd: 4};
5. json
var json = {“aaa”: 1,“bbb”: 2,“ccc”: 3,“ddd”: 4}
- Json由{ }和key:value以及逗号三部分组成(只有一个键值对key:value时,可以没有逗号)。
- 对象字面量定义方法和json很像,只有一点不同,json的key要求必须加“”
- json的取值有两种方式,json.属性名,或 json["属性名"]
- json中每个属性的属性值如果是数字,就是number类型,如果是字符串,就是string类型
- 如果调用一个函数后,可以使用.属性的方法获取一个值,那么他的返回值,一定是一个json
6. for...in...
var json = {“aaa”: 1,“bbb”: 2,“ccc”: 3,“ddd”: 4} for(var key in json){ console.log(key);//key代表对象的所有属性 console.log(json[key]);//json[key]代表对象的所有属性值 }
注意:
如果一个对象的属性都是数值而且有length属性,遍历的时候使用 for 循环和 for in 的方式都可以;
如果一个对象的属性都是单词不是数值,在遍历时只能通过 for in 的方式。
7. 参数和传值问题
① 简单类型数据做参数,函数内部对参数的修改不影响外部变量。
简单类型传数值。
② 复杂类型数据做参数,函数内部对参数的修改会影响外部变量。
复杂类型传地址。
相关文章推荐
- JavaScript之面向对象学习七(动态原型模式、寄生构造函数模式、稳妥构造函数模式创建自定义类型)
- Javascript 自定义对象[转载]
- javascript面向对象支持
- JavaScript 面向对象程序设计(下)——继承与多态
- JavaScript 面向对象程序设计(上)——封装
- 面向对象程序设计技术概述
- JavaScript的面向对象机理
- 最优化javascript自定义对象
- (转)JavaScript 面向对象程序设计(下)——继承与多态
- JavaScript 面向对象程序设计(下)——继承与多态
- javascript中的自定义对象
- Javascript面向对象程序设计培训回顾
- 最优化javascript自定义对象
- JavaScript的面向对象机理2)-继承
- JavaScript 面向对象程序设计(上)——封装
- AJAX语言——对象面向的JavaScript
- 面向对象的 Javascript 面向对象基础
- JavaScript 面向对象程序设计(下)--继承与多态
- JavaScript 面向对象程序设计(下)——继承与多态
- 面向对象程序设计简单基础概述