构造函数内部原理、原型讲解、写法、运用

构造函数内部原理

1.在函数体最前面隐私的加上this={}
2.执行this.xxx=xxx
3.隐式的返回this

// 注意：构造函数要用大驼峰命名function Constructor(name,sex) {this.name = name;this.sex = sex;}let msg = new Constructor('XYZ',22);let msg1 = new Constructor('LM',21);console.log(msg);console.log(msg1);

原型讲解

    //Constructor.prototype --原型//Constructor.prototype={} 是祖先Constructor.prototype.surname = 'xie';function Constructor() {}let msg = new Constructor();console.log(msg.surname);//xie

原型简单写法：

    //原型简单写法Constructor.prototype = {profession: '前度开发',tool: '计算机',};function Constructor(name, sex, age) {this.name = name;this.sex = sex;this.age = age}let msg = new Constructor('xyz', '男', 22);console.log(msg);

原型运用:提取公共部分

    Constructor.prototype.profession = '前端开发';Constructor.prototype.tool = '计算机';function Constructor(name, sex, age) {this.name = name;this.sex = sex;this.age = age}let msg = new Constructor('xyz', '男', 22);let msg1 = new Constructor('lm', '女', 21);console.log(msg);console.log(msg1);

原型运用：修改原型里面的信息

    Constructor.prototype.profession = '前度开发';Constructor.prototype.tool = '计算机';function Constructor(name, sex, age) {this.name = name;this.sex = sex;this.age = age}let msg = new Constructor('xyz', '男', 22);//修改原型里面的信息Constructor.prototype.profession = 'WEB前度开发工程师';console.log(msg);

原型运用：删除属性

    Constructor.prototype.profession = '前度开发';Constructor.prototype.tool = '计算机';function Constructor(name, sex, age) {this.name = name;this.sex = sex;this.age = age}let msg = new Constructor('xyz', '男', 22);//删除属性delete msg.name;//现在我想删除原型里面的属性，这个时候计算机会给你返回true，其实并没有删除掉delete msg.profession;console.log(msg);

查看对象的构造函数（简单点就是说，现在msg不知道是谁生的它，它想找到它的爸爸）

  function Constructor(name, sex, age) {this.name = name;this.sex = sex;this.age = age}let msg = new Constructor('xyz', '男', 22);//现在我想查看对象的构造函数（简单点就是说，现在msg不知道是谁生的它，它想找到它的爸爸）console.log(msg.constructor);

构造函数内部原理、原型讲解、写法、运用相关推荐

构造函数内部原理包装类
构造函数内部原理在函数体最前面隐式得加上this = {} 执行 this.xxx = xxx; 隐式的返回this 包装类定义一个原始数字或字符串,在JS里面,其实有两种方法 var num = ...
从源码的角度谈谈Handler的内部原理
前言我们都知道,在进行Android应用开发的时候,主线程(又称为UI线程)不能进行网络请求一类的耗时操作,必须开启一个子线程来处理:但是在子线程里面又不能进行更新UI的操作,更新UI必须在主线程里 ...
Hystrix面试 - 深入 Hystrix 执行时内部原理
Hystrix面试 - 深入 Hystrix 执行时内部原理前面我们了解了 Hystrix 最基本的支持高可用的技术:资源隔离 + 限流. 创建 command: 执行这个 command: 配置这 ...
Paging内部原理
Paging内部原理下拉刷新内部逻辑 1.PagingDataAdapter.reresh()代码逻辑 2. PagingDataAdapter.submitData()代码逻辑加载更多(预加载) ...
深入分析移动构造函数及其原理
移动构造函数是C++11中新增加的一种构造函数,其作用是提高程序性能.今天我们就细扒一下它的工作原理,看看它是怎么提高性能的. 移动构造函数的由来在讲解移动构造函数之间,我们先来了解一下在没有移动构 ...
Hystrix(6) 深入 Hystrix 执行时内部原理
深入 Hystrix 执行时内部原理前面我们了解了 Hystrix 最基本的支持高可用的技术:资源隔离 + 限流. 创建 command: 执行这个 command: 配置这个 command 对应 ...
Git详解之九 Git内部原理
以下内容转载自:http://www.open-open.com/lib/view/open1328070620202.html Git 内部原理不管你是从前面的章节直接跳到了本章,还是读完了其余各 ...
java泛型（二）、泛型的内部原理：类型擦除以及类型擦除带来的问题
原 java泛型(二).泛型的内部原理:类型擦除以及类型擦除带来的问题 2012年08月29日 23:44:10 Kilnn 阅读数:56717 版权声明:本文为博主原创文章,未经博主允许不得转载. ...
Javascript 构造函数模式、原型模式
前两天写完组合继承,打算总结一下原型继承的,不过今天看了一下工厂模式.构造函数模式和原型模式,觉得有必要总结一下以加深印象. ------------------------------------- ...

构造函数内部原理、原型讲解、写法、运用

构造函数内部原理

原型讲解

原型简单写法：

原型运用:提取公共部分

原型运用：修改原型里面的信息

原型运用：删除属性

查看对象的构造函数（简单点就是说，现在msg不知道是谁生的它，它想找到它的爸爸）

构造函数内部原理、原型讲解、写法、运用相关推荐

最新文章

热门文章