JS对象笔记

作者: 霍晓龙2021强化班 | 来源:发表于2022-06-06 20:28 被阅读0次

JS对象

1、对象

(1)什么是对象

在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。

对象是由属性和方法组成的。

属性 ∶ 事物的特征,在对象中用属性来表示(常用名词)

方法 ∶ 事物的行为,在对象中用方法来表示(常用动词)

(2)为什么需要对象

保存一个值时,可以使用变量,保存多个值(一组值)时,可以使用数组。如果要保存一个人的完整信息,可以使用对象

2、创建对象的三种方式

(1)利用字面量来创建对象

对象字面量 :就是花括号 {} 里面包含了表达这个具体事物(对象)的属性和方法

{} 里面采取键值对的形式表示

键 :相当于属性名

值 :相当于属,可以是任意类型的值(数字类型、字符串类型、布尔类型、函数类型)

var star = {

    name : 'pink ' ,

    age 18,

    sex :'男',

    sayHi : function () {

        alert('大家好啊~');

    }

}

对象的调用

对象里面的属性调用 : 对象.属性名,这个小点.就理解为 “的”

对象里面属性的另一种调用方式 : 对象[ ‘属性名’],注意方括号里面的属性必须加引号,我们后面会用

对象里面的方法调用 : 对象.方法名(),注意这个方法名字后面一定加括号

console. log (star. name)// 调用名字属性

console. log (star[ 'name' ])// 调用名字属性

star.sayHi();// 调用sayHi方法,注意,一定不要忘记带后面的括号

(2)利用 new Object 创建对象

var obj = new Object();// 创建了一个空的对象

obj.uname ='张三疯';

obj.age = 18;

obj.sex ='男';

obj.sayHi = function() {

console.log( ' hi~' );

}

// (1)我们是利用等号=赋值的方法添加对象的属性和方法

// (2)每个属性和方法之间用分号结束

console.log(obj.uname);

console.log(obj[ 'sex']);

obj.sayHi();

(3)利用构造函数创建对象

// 构造函数的语法格式

// function 构造函数名(){

//    this.属性 = 值;

//    this.方法 = function(){}

// }

// new 构造函数名();

function Star (uname,age,sex){

    this.name = uname;

    this.age = age;

    this.sex = sex;

    this.sing = function(sang){

        console.log(sang);   

    }

}

var ldh = new Star('刘德华',18。'男');// 调用函数返回的是一个对象

console.log(ldh.name);

console.log(ldh['sex']);

ldh.sing('冰雨');

var zxy = new Star('张学友', 19. '男');

console.log(zxy.name);

console.log(zxy.age);

zxy.sing('李香兰');

// 1、构造函数名字首字母要大写

// 2、我们构造函数不需要 return 就可以返回结果   

// 3、我们调用构造函数必须使用 new

// 4、我们只要new Star()调用函数就创建一个对象 ldh {0}

// 5.我们的属性和方法前面必须添加this

(4)构造函数与对象

构造函数,如Stars(),抽象了对象的公共部分,封装到了函数里面,它泛指某一大类( class)

创建对象,如new Stars(),特指某一个,通过new关键字创建对象的过程我们也称为对象实例化

3、new 关键字

new在执行时会做四件事情:

在内存中创建一个新的空对象。

让this指向这个新的对象。

执行构造函数里面的代码,给这个新对象添加属性和方法。

返回这个新对象(所以构造函数里面不需要 return )。

4、遍历对象属性

for...in 语句用于对数组或者对象的属性进行循环操作。

var obj = {

        name: 'pink老师',

        age: 18,

        sex:'男',

        fn: function(){}

    }

// for in遍历我们的对象

// for(变量  in  对象){

// }

for (var k in obj) {

    console.log(k);// k 变量 输出 得到的是属性名

    console.log(obj[k]); // obj[k] 得到是属性值

}

//我们使用 for in 里面的变量我们喜欢写 k 或者 key

相关文章

  • js将一个对象转换成数组对象

    笔记 //js将一个对象转换成数组对象

  • JavaScript面向对象学习笔记

    @(JS技巧)[面向对象] JavaScript面向对象学习笔记 封装 Javascript是一种基于对象(obj...

  • JS 对象笔记

    1.JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自...

  • JS对象笔记

    JS对象 1、对象 (1)什么是对象 在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都...

  • 前端基础知识学习---Vue.js学习(一)模板语法

    Vue.js学习笔记 Vue.js的使用之HelloWord 引入Vue.js 创建Vue对象其中el:指定根el...

  • JS笔记—— 对象 (原型对象)

    JavaScript对象是一个很有意思的数据类型,由于js没有类的概念,js对象就承担起JavaScript面向对...

  • JS笔记13:JS对象

    1、对象声明及使用 2、this &对象遍历&对象删除 3、包装对象

  • JS对象(学习笔记)

    原始类型:它们的值只包含单一的属性(是一个字符串,数字等)对象(Object):类似真实世界中的对象,它们有不同的...

  • js面向对象笔记

    对象的创建 来自一名前端小白的学习总结,如有哪里写错了请指教~ 一.通过字面量 其中,name,age,girls...

  • js对象学习笔记

    对象字面量 工厂模式 构造函数模式 构造函数始终应以大写字母开头,非构造函数则以小写字母开头。要创建Person的...

网友评论

    本文标题:JS对象笔记

    本文链接:https://www.haomeiwen.com/subject/swajmrtx.html