码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript中的面向对象

时间:2018-08-10 11:42:01      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:的区别   his   没有   person   null   工厂   function   推荐   UNC   

1、js中的数据类型
原始类型:字符串 string、 数字 number、 布尔 boolean、 null undefined 。其中null表示没有对象,undefined 表示没有定义
数组 array 对象 object
2、创建对象:
1、通过new关键字创建对象
var obj=new Object();
obj.name="";
obj.age=18;
obj.todo=function(){}
2、通过对象字面量
2.1 简单的字面量
var obj2={};
obj2.name="";
obj2.todo=function(){return this.name;}
2.2 嵌套字面量(推荐)
var obj3={name:"",age:18,todo:function(){},run:function(){}}
key中如果有空格或者有“-”或者有保留字关键字需要添加引号。
3、构造函数 构造函数的首字母必须要大写
3.1 构造函数模式
function Person(name,age){
this.name=name;
this.age=age;
this.todo=function(){
return this.age;
}
}

    var person=new Person("",18);
    person.name;
    person[name];
    3.2 工厂模式
    function person(name,age){
        var obj=new Object();
        obj.name=name;
        obj.age=age;
        return obj;
    }

    var p=person("冯宝宝",18);
    p.name
    3.3 普通函数
    function person(name){
        //this==>指代函数的调用者
        return name;
    }
    person("冯宝宝");

4.构造函数与普通函数的区别
    4.1 this 指向
        构造函数的this指向创建的对象实例上
        普遍函数指向函数的调用者
    4.2 调用的方式
        构造函数需要通过new调用
    4.3 命名规则
        构造函数第一个字母需要大写

函数声明和函数表达式
function add(){}
var add1=function(){}

JavaScript中的面向对象

标签:的区别   his   没有   person   null   工厂   function   推荐   UNC   

原文地址:http://blog.51cto.com/3544640/2157008

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!