前端---JavaScript基础4

文章目录

前端---JavaScript基础3
- call&apply
- 原型链
- 原型链操作
- - 例子：按钮组件封装：（类似于Bootstrsp里的按钮组件封装）

前端—JavaScript基础3

call&apply

//call apply
function Cat(name,color){this.name = name;this.color = color;
}
var cat = new Cat();
var o = {};
//Cat.call(o,"大白","white");
Cat.apply(o,["大白","white"]);
console.log(o.name);

原型链

function People(){this.name = "小王";this.sayName = function(){console.log(this.name);};
}
People.prototype.walk = "walk";
var p1 = new People();
var p2 = new People();
p1.name = "p1";
p2.name = "p2";

原型链操作

//修改原型
function Animal(){this.type= "动物";
}
function Cat(name,color){this.name = name;this.color = color;
}
Cat.prototype = new Animal();
var a = new Cat("小黑","black");
console.log(a._proto_);  //new Animal()
a._proto_.type = "大动物";
console.log(Cat.prototype); //另一种情况
function Animal(){this.type= "动物";
}
Animal.prototype.type2 = "动物2";
function Cat(name,color){this.name = name;this.color = color;
}
Cat.prototype = new Animal();
var a = new Cat("小黑","black");
console.log(a._proto_._proto_);  //
a._proto_._proto_type = "大动物2";
console.log(Cat.prototype._proto_); //复杂原型链
function F1(){this.name1 = "f1";
}
F1.prototype.name = "first";
function F2(){this.name2 = "f2";
}
function F3(){this.name3 = "f3";
}
F2.prototype = new F1();
F3.prototype = new F2();
var ff = new F3();
console.log(ff.name2);
ff._proto_._proto_._proto_.name = "secend";
console.log(F1.prototype); delete ff._proto_._proto_._proto_.name
console.log(F1.prototype);

例子：按钮组件封装：（类似于Bootstrsp里的按钮组件封装）

前端---JavaScript基础4相关推荐

Web前端-JavaScript基础教程上
Web前端-JavaScript基础教程将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...
前端---JavaScript基础3
文章目录前端---JavaScript基础3 普通对象与函数对象原型及属性判断构造函数继承原型继承组合继承寄生组合式继承前端-JavaScript基础3 普通对象与函数对象原型及属性判 ...
前端---JavaScript基础2
文章目录前端---JavaScript基础2 对象类型判断 call函数对象属性操作深拷贝方法前端-JavaScript基础2 重构以下代码:(以面向对象的方式) 重构后:(其中this指针问 ...
前端---JavaScript基础1
文章目录前端---JavaScript基础1 数据类型面向对象对象创建方式对象类型判断前端-JavaScript基础1 JS是解释型语言:跨平台慢编译型语言:不能跨平台快数据类型 ...
Web前端-JavaScript基础教程下
Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...
前端JavaScript基础知识点
JavaScript基础阶段说明 JavaScript基础 Web API JavaScript高级 ##第一天重点内容变量的声明及使用数据类型类型转换运算符 JavaScript的组成 E ...
菜鸟学前端--javascript基础
在学习过css相关的知识,有了前端工程师的一些基础知识.但要较好的掌握前端,必须要学习好javascript的知识. 下面将从基本语法.变量.关键字.保留字.语句.函数.BOM等角度阐释. 一.基本语 ...
前端JavaScript基础
目录 JavaScript基础 1:JS概述 1.1:历史: 1.2:现状: 1.3:特点: 1.4:应用场景 2.搭建开发环境 2.1:浏览器: 2.2:服务器端 2.3:运行JS 3.语法规范 4 ...
前端——javascript基础-ECMAScript
文章目录 JavaScript简介 ECMAScript JavaScript的引入方式 javascript得输出方式: 变量五种基本数据类型运算符数据类型转换 if语句 switch语句 w ...

前端---JavaScript基础4

文章目录

前端—JavaScript基础3

call&apply

原型链

原型链操作

例子：按钮组件封装：（类似于Bootstrsp里的按钮组件封装）

前端---JavaScript基础4相关推荐

最新文章

热门文章