第五章 web前端开发工程师--JavaScript高级程序设计 5-4 JavaScript对象创建

                                                                       JavaScript对象

 

本节课所讲内容:

  1. JavaScript 对象创建
  2. JavaScript对象基本操作
  3. JavaScript对象的函数

                                                                 主讲教师:Head老师

一. JavaScript 对象创建

1.对象的种类

1.js内置的对象 如Number等

2.宿主环境 window document 在浏览器运行

3.自己创建的对象

2.对象的创建

1.创建一个对象,然后给这个对象新建属性和方法。

扫描二维码关注公众号,回复: 6511037 查看本文章

var box = new Object(); //创建一个Object对象

box.name = 'Lee'; //创建一个name属性并赋值

box.age = 100; //创建一个age属性并赋值

box.run = function () { //创建一个run()方法并返回值

return this.name + this.age + '运行中...';

};

alert(box.run()); //输出属性和方法的值

上面创建了一个对象,并且创建属性和方法,在run()方法里的this,就是代表box对象本身。这种是JavaScript创建对象最基本的方法。

定义和修改属性的方式方法

Object.defineProperty(对象,"属性","属性特性对象")

Object.defineProperty(p,“yy”,{value:100,writeable:false});

p.yy

p.yy=200;

p.yy

添加多个属性:

object.defineProperties(p,{

abc:{

value:1000,

writeable:false

},

qwe{

value:true

},

height:{

get:function(){

return :180

},

Set:function(val){

Console.log(val);

}

}

})

 

3.由于上面创建对象的方式可以轻松修改对象属性,我们采用get set方式创建。

 var p = {

        name:"Head",

        work:function() {

            console.log("wording...");

        },

        _age:18, //如果调用对象内部的属性约定的命名方式是_age

        get age(){

            return this._age;      //get是用来返回

        },

        set age(val) { //set是用来设置的

            if (val<0 || val> 150) {

                throw new Error("年龄不合法")

            }else{

                this._age = val;

            }

        }

    };

    console.log(p.name);

    console.log(p.age); console.log(p.name);//输出chen

浏览器的直接调试结果:

    p.age

    "18"

    p.age=23

    "23"

    p.age=200

    Uncaught Error: invalid value

猜你喜欢

转载自blog.csdn.net/wgf5845201314/article/details/92380625