JS-高级

JS高级03

注意:

1.将不同的功能放到不同的js文件中

2.将不同的功能代码划分到不同的函数中

3.每个js中的代码都放到一个自调用函数中,防止变量的全局污染

①在自调用函数内部通过window.Food = Food这种形式,将内部的变量暴露到全局环境中

4.每个js文件都是通过面向对象的方式组织代码的
构造函数+原型

5.方法 放到原型中, 属性 放到构造函数中

原型对象constructor属性

原型对象的默认属性

原型对象.constructor----->构造函数

实例对象.constructor----->构造函数(属性搜索原则)

实力对象.__proto---------->原型对象

构造函数.prototype------->原型对象


方法

.hasOwnPeototype()

//判断属性是不是提供检测的对象提供的

语法:var ret = obj.hasOwnPrototype("name");

//返回值 布尔值

//如果是当前对象提供的返回true,若不是返回false

//注意: for in 在遍历对象时,内置对象不会被遍历出来,只有自己手动添加的属性和方法才会被遍历出来,包括原型对象的属性和方法

instanceof

判断构造函数的原型对象是否在被检测的对象的原型链上,返回值boolean;

function Person() {

  }
  var p = new Person();
//  p原型链  Person.prototype-->Object.prototype--->null
//  person的原型对象  Person.prototyp
//  判断person的原型对象是否在p的原型链上
  var ret = p instanceof Person
  console.log(ret);

面向对象特征介绍

继承

//混入式继承:
var dog1 = {name:"哈士奇",age:1,weight:"5kg"}
  
  Object.prototype.say = function () {
    console.log(haha);
  }
  
  var pipigou = {};
  
  pipigou.extend = function (obj) {
  
  for (var k in obj){
  
  this[k] = obj[k]
      
    }
  
  }
  
  pipigou.extend(dog1)
  
//注意:混入式继承会将被继承对象的原型对象中添加的属性继承过来
// 可通过.hasOwnPrototype()进项筛选
//原型继承
//原型继承:如果想要让一个对象继承自另一个对象中的属性和方法,
//只需要将这些属性和方法添加到原型对象中,那么这个实例对象就可以直接使用这些属性和方法,这就是原型继承
//原型继承利用了js自身的一个特点,实例对象可以直接使用原型对象中的属性和方法(属性搜索原则)

//1.利用对象的动态性(对象创建好之后,可以在任何时候给对象添加属性和方法)

function Person() {}
 Person.prototype.say = function() {
      console.log('hello world');
    };
    Person.prototype.coding = function() {
      console.log('敲代码');
    };
    var p = new Person();
    var p1 = new Person();
    p.say();
    p.coding();
    p1.say();
    p1.coding();

//利用覆盖原型对象

function Person() {};
Person.prototype = {
//覆盖了原来的原型对象,若要与原来的原型对象结构保持一致,
//需手动添加constructor:Person
say:function() {
      console.log('hello world');
    },
coding : function() {
      console.log('敲代码');
    }
}

3.利用混入式继承给原型对象添加属性和方法

//给原型对象添加extend方法,通过extend方法给原型对象添加属性和方法

// 利用 混入式继承

function Person() { }
    // 给 原型对象 添加一个extend方法, 通过extend方法来给原型对象添加属性或方法
    Person.prototype.extend = function (obj) {
      for(var k in obj) {
        this[k] = obj[k];
      }
    };
    // 调用方式: 通过原型对象来调用extend放, 此时的作用才是 给原型对象 添加属性或方法
    
    Person.prototype.extend( {
      name: '小明',
      age: 19
    } );
    var p = new Person();
    // p.extend();
    console.log(p.age);
    var p1 = new Person();
    console.log(p1.name);
Object.creat(参数对象)继承
// Object.create() 方法的基本使用介绍:
// 语法: var newObj = Object.create( 参数对象 )
// 作用: 创建一个新对象, 新对象 继承 参数对象
//       新对象.__proto__ === 参数对象
//参数对象为新对象的原型
函数的三种创建方式
1.函数的声明

注意:

函数声明只能出现在全局中或函数内部

不能出现在if这样的语句中

function fn(){}

声明的函数会进行提升

2.函数表达式
注意:

函数表达式也是有名字的,这种名字只能在函数内部使用
var fn = function( ) { }
函数表达式在预解析时不会进行提升
3.new Function
从这种创建方式可以看书函数也是对象
            var fn = new Function()
1.所有的参数都是字符串类型
2.最后一个参数表示函数体
eg: var max = new Function("num1","num2","num1>num2?num1:num2;");
   max(10,2)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,042评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 89,996评论 2 384
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,674评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,340评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,404评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,749评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,902评论 3 405
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,662评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,110评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,451评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,577评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,258评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,848评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,726评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,952评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,271评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,452评论 2 348

推荐阅读更多精彩内容