我们先来一个简单的构造函数+原型对象的小程序 1 function CreateObj( uName, uAge ) { 2 this .userName = uName; 3 this .userAge = uAge; 4 } 5 CreateObj.prototype.showUserName = function () { 6 return this .userName; 7 } 8 CreateObj.prototype.showUserAge...

2018-06-24 00:03:34

一，instanceof： instanceof 检测左侧的__proto__原型链上，是否存在右侧的prototype原型. 我在之前的两篇文章 [js高手之路]构造函数的基本特性与优缺点 [js高手之路]一步步图解javascript的原型(prototype)对象,原型链 已经分享过了. 1 function CreateObj(uName) {...

2018-06-24 00:03:27

到目前为止，我已经写完了面向对象完整的一个系列知识，前面基本属于理论，原理的理解，接下来，我们就用学到的知识来实战下吧. 看看理解原理和理论是否重要？例子从简单到复杂 一、单体（字面量）封装加减乘除 1 var Oper = { 2 add : function ( n1, n2 ){ 3 return...

2018-06-24 00:03:20

HTML代码 1 html 2 head 3 title时间/title 4 meta charset="utf-8" 5 /head 6 body onload="getTime()" 7 span id="nowDateTimeSpan" /span 8 /body 9 /html js代码 // 时间 function getTime(){ var ndate = new Date(); var nyear = ndate.getFullYear(); var nmont...

2018-06-24 00:03:22

slice substring 从开始位置到结束位置前的字符串 substr 返回开始位置后的长度的字符串 var str="hello world"; str.slice(3); // "lo world" str.substring(3); // "lo world" str.substr(3); // "lo world" str.slice(3,7); // "lo w" str.substring(3,7); // "lo w...

2018-06-24 00:03:17

我们接着上文继续，我们通过原型方式，解决了多个实例的方法共享问题，接下来，我们就来搞清楚原型(prototype)，原型链的来龙去脉. 1 function CreateObj(uName) { 2 this .userName = uName; 3 } 4 CreateObj.prototype.showUserName = function (){ 5 return this .u...

2018-06-24 00:03:17

在之前javascript面向对象系列的文章里面，我们已经探讨了组合继承和寄生继承，回顾下组合继承： 1 function Person( uName ){ 2 this .skills = [ 'php', 'javascript' ]; 3 this .userName = uName; 4 } 5 Person.prototype.showUserName = function (){ 6 return th...

2018-06-24 00:03:17

二、es6语法学习： 这几天把es6的语法过了一遍了，把一些常用的语法做了些小练习，算是基本入门了，我主要看这个网站进行学习的http://es6.ruanyifeng.com/。 对项目添加了一些简单的配置，为了方便可查看效果。 路由配置： 1 import letTest from './es6/let.js' ; 2...

2018-06-24 00:03:14

1 .定义函数，函数中定义类对象f1 = function (){ // 定义类 function Pannel(name){ this .name = name; this .print = function (){ console.info( this .name); }; } // 扩展类方法成员 Pannel.prototype.show = function (){ alert( this .name); } // 返回类 retu...

2018-06-24 00:03:07

一个变量没有声明但调用 直接报错，声明没有赋值会显示未定义。 作用域 作用域(scope)：一条数据可以在哪个范围中使用。 通常来说，一段程序代码中所用到的数据并不总是有效/可用的，而限定这个数据的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻...

2018-06-24 00:03:13