JS
关注
分享
扫一扫
aka程序皇像隔扣你的勒布朗进入名人堂
这个作者很懒，什么都没留下…
展开
-
自学JavaScript-49(作用域)
作用域 /* * 作用域 * 作用域只一个变量作用的范围 * js中有两种作用域 * 1.全局作用域 * 直接编写在script标签中的js代码都在全局作用域 * 全局作用域在页面打开时创建 在页面关闭时销毁 * 在全局作用域中有一个全局对象window * 我们可以直接使用 它由浏览器创建...原创 2019-07-24 15:27:59 · 87 阅读 · 0 评论 -
自学JavaScript-62(构造函数和实例对象和原型对象之间的关系)
构造函数和实例对象和原型对象之间的关系 /* * * 总结 * * 构造函数可以实例化对象 * 构造函数中有一个属性叫prototype 是构造函数的原型对象 * 构造函数的原型对象（prototype）中有一个constructor构造器 这个构造器指向的就是自己所在的原型对象所在的构...原创 2019-07-24 15:47:20 · 113 阅读 · 0 评论 -
自学JavaScript-63(利用原型共享数据)
利用原型共享数据 //什么样的数据需要写在原型当中 //需要共享的数据需要写在原型中 //属性需要共享 方法也需要共享 //不需要共享的数据写在构造函数中，需要共享的数据写在原型中 //构造函数 function Student(name,age,sex) { this.na...原创 2019-07-24 15:50:32 · 96 阅读 · 0 评论 -
自学JavaScript-64(原型简单语法)
原型简单语法 function Student(name,age,sex) { this.name = name; this.age = age; this.sex = sex; } Student.prototype = { //手动修改构造器的指向 ...原创 2019-07-24 15:54:22 · 81 阅读 · 0 评论 -
自学JavaScript-65(原型中的方法可以互相访问)
原型中的方法可以互相访问 // function Person(age) { // // this.age = age; // this.sayHi = function () { // console.log("nihao") // } // ...原创 2019-07-24 15:55:39 · 93 阅读 · 0 评论 -
自学JavaScript-66(实例对象使用属性和方法层层搜索)
实例对象使用属性和方法层层搜索 function Person(age,sex) { this.age = age; this.sex = sex; this.eat = function () { console.log("构造吃") } ...原创 2019-07-24 15:56:49 · 119 阅读 · 0 评论 -
自学JavaScript-67(为内置对象添加原型方法)
为内置对象添加原型方法 //为内置对象添加原型方法 var arr = [10,20,30] arr.join("|"); //我们能否为系统的对象的原型添加方法 相当于在改变源码 //我希望字符串中有一个倒序字符串的方法 String.prototype.myReverse = function...原创 2019-07-24 15:58:21 · 102 阅读 · 0 评论 -
自学JavaScript-68(把局部变量变成全局变量)
把局部变量变成全局变量 //一次性函数 声明的同时直接调用了 //页面加载后这个自调用函数的代码就执行完了 (function (win) { var num = 10;//局部变量 win.number = num; })(window); console.log(nu...原创 2019-07-24 15:59:25 · 172 阅读 · 0 评论 -
自学JavaScript-69(把随机数对象暴露给window成为全局变量)
把随机数对象暴露给window成为全局变量 //通过子调用函数产生一个随机数对象 在子调用函数外面调用该随机数对象方法产生随机数 (function (window) { function Random() { } Random.prototype.getRandom = function () { return M...原创 2019-07-24 16:00:43 · 203 阅读 · 0 评论 -
自学JavaScript-70(原型及原型链)
原型及原型链 //使用对象--->使用对象中的属性和对象中的方法，使用对象就要先有构造函数 //构造函数 function Person(name,age) { this.name = name; this.age = age; } //添加共享属性 Person.prototype.sex = "1"; ...原创 2019-07-24 16:01:52 · 117 阅读 · 0 评论 -
自学JavaScript-71(原型的指向能否改变)
原型的指向能否改变 //构造函数中的this就是实例对象 function Person(age) { this.age = age; console.log(this) } Person.prototype.eat = function () { console.log("chidian") } va...原创 2019-07-24 16:03:22 · 116 阅读 · 0 评论 -
自学JavaScript-61(初步体会面向过程和面向对象编程思想)
初步体会面向过程和面向对象编程思想<style> div{ height: 200px; width: 200px; background-color: red; }</style><body> <input type="button" id="btn" value="变身"&g...原创 2019-07-24 15:45:09 · 95 阅读 · 0 评论 -
自学JavaScript-60(原型添加方法)
原型添加方法 function Person(name,age) { this.name = name; this.age = age; } //通过原型添加方法,数据共享 节省内存空间 Person.prototype.eat = function () { c...原创 2019-07-24 15:43:29 · 115 阅读 · 0 评论 -
自学JavaScript-50(数组)
数组 /* * 数组：一组数据，有序的数据 * 作用：可以一次性存取多个数据 * 数组的定义： * * 1.通过构建函数创建数组 * 语法： * var 数组名 = new Array(); * var array = new Array();...原创 2019-07-24 15:28:48 · 254 阅读 · 0 评论 -
自学JavaScript-51(数组注意问题)
数组注意问题 var arr = [1,1,12,23,43]; alert(arr); //数组中存储的数据类型不一定是一样的 //数组长度可以改变原创 2019-07-24 15:29:37 · 115 阅读 · 0 评论 -
自学JavaScript-52(for循环遍历数组)
for循环遍历数组 var arr = [10,20,30,40,50,60,70,80]; // //显示数组中每个数据 // console.log(arr[0]); // console.log(arr[1]); // console.log(arr[2]); // console.log(arr...原创 2019-07-24 15:30:30 · 175 阅读 · 0 评论 -
自学JavaScript-53(数组练习汇总)
数组练习汇总 var arr1 = [10,20,30,40,50]; //案例1：求数组中所有元素的和 var sum = 0; for (var i = 0;i < arr1.length; i++){ sum = sum + arr1[i] } console.log...原创 2019-07-24 15:32:42 · 160 阅读 · 0 评论 -
自学JavaScript-54(函数练习汇总)
函数练习汇总 //求两个数字的和 function consoleSum(num1,num2) { return num1+num2; } var res = consoleSum(1,2); console.log(res); //求三个数字的和 functio...原创 2019-07-24 15:35:29 · 174 阅读 · 0 评论 -
自学JavaScript-55(argument对象)
argument对象 function f1() { console.log(arguments.length) } //使用arguments对象可以获取传入的参数的值- f1(10,20,30)原创 2019-07-24 15:37:10 · 166 阅读 · 0 评论 -
自学JavaScript-56(构造函数和实例对象关系)
构造函数和实例对象关系 //面向对象的思想是----抽象的过程---->实例化过程 //人 姓名 年龄 性别 吃饭 打招呼 睡觉 //自定义构造函数 ----->实例化对象 function Person(name,age,sex) { this.name = name; ...原创 2019-07-24 15:38:26 · 144 阅读 · 0 评论 -
自学JavaScript-57(创建对象的三种方式)
创建对象的三种方式 //对象：特质的某个事物，具有属性和方法（一组无序的属性的集合） //特征------>属性 //行为------>方法 //人：------->姓名 性别 年龄 吃 睡觉 玩 //创建对象的三种方式 //1.字面量的方式 //2.调用系统的构...原创 2019-07-24 15:39:52 · 269 阅读 · 0 评论 -
自学JavaScript-58(自定义构造函数创建函数)
自定义构造函数创建函数 function Person(name,age) { this.name = name; this.age = age; this.sayHi = function () { console.log("你好") } ...原创 2019-07-24 15:40:41 · 117 阅读 · 0 评论 -
自学JavaScript-59(工厂模式创建对象)
工厂模式创建对象 function createObject(name,age) { var obj = new Object(); obj.name = name; obj.age = age; obj.sayHi = function () { con...原创 2019-07-24 15:41:32 · 108 阅读 · 0 评论 -
自学JavaScript-72(原型最终指向哪里)
原型最终指向哪里 function Person() { } Person.prototype.eat = function () { console.log("chi") }; var per = new Person(); //实例对象有__proto__原型 //构造函数有prototype原型 //proto...原创 2019-07-24 16:04:59 · 136 阅读 · 0 评论 -
自学JavaScript-73(原型指向改变如何如何添加方法和访问)
原型指向改变如何如何添加方法和访问 function Person(age) { this.age = age; } Person.prototype.eat = function () { console.log("eat") } function Student(sex) { this.sex = sex...原创 2019-07-24 16:08:58 · 94 阅读 · 0 评论 -
自学JavaScript-74(继承)
继承 /* * * 面向对象编程思想：根据需求，分析对象，找到对象有什么特征和行为， * 通过代码的方式实现需求，要想实现这个需求，就要创建对象， * 要想创建对象就应该先有构造函数，然后通过构造函数来创建对象，通过对象调用属性和方法来实现相应的功能及需求即可 * * 首先js不是一门面向对象的语言，js是一门基于对象的语言。 * 面...原创 2019-08-06 11:12:21 · 147 阅读 · 0 评论 -
自学JavaScript-75(借用构造函数)
借用构造函数 //为了数据共享，改变原型指向，做到了继承---通过改变原型指向实现的继承 //缺陷：因为改变原型指向的同时实现继承，直接初始化了属性，继承过来的属性值是一样的 //只能重新调用对象的属性重新赋值 //解决方案：继承的时候不用改变原型指向，直接调用父级的构造函数的方式来为属性赋值就可以了-------借用构造函数...原创 2019-08-06 15:05:33 · 145 阅读 · 0 评论 -
自学JavaScript-76(组合继承)
组合继承 //通过原型实现继承 //借用构造函数实现继承 //组合继承：原型继承+借用构造函数继承 function Person(name,age,sex) { this.name = name; this.age = age; this.sex = sex;...原创 2019-08-06 15:06:57 · 123 阅读 · 0 评论 -
自学JavaScript-77(拷贝继承)
拷贝继承 //拷贝继承：把一个对象中的属性或者方法直接复制到另一个对象中 function Person() { } Person.prototype.age = 10; Person.prototype.sex = "2"; Person.prototype.height = 100; Person.prototype.play = f...原创 2019-08-06 15:07:46 · 136 阅读 · 0 评论 -
自学JavaScript-78(总结继承)
总结继承面向对象特性：封装，继承，多态继承，类与类之间的关系，面向对象的语言的继承是为了多态服务的js不是面向对象的语言，但是可以模拟面向对象，模拟继承，为了节省内存空间继承原型作用数据共享 目的是为了节省空间继承 目的是为了节省内存空间原型继承：改变原型的指向借用构造函数继承：解决属性问题组合继承：原型继承+借用构造函数继承 既能解决属性问题也能解决方法问题拷贝继承：把...原创 2019-08-06 15:10:06 · 130 阅读 · 0 评论 -
自学JavaScript-79(函数中的this指向问题)
函数中的this指向问题函数中的this的指向普通函数的this是谁 ---------window对象，方法中的this是谁--------当前的实例对象定时器方法中的this是谁 -----------window构造函数中的this是谁 ---------实例对象原型对象方法中的this是谁 --------实例对象严格模式“use strict”...原创 2019-08-07 10:22:33 · 147 阅读 · 0 评论 -
自学JavaScript-80(bind方法)
bind方法function f1(x,y) { console.log((x+y)+"==========="+"this") } //bind方法用于复制，参数可以在复制时传进去也可以在复制之后传进去 //apply和call是调用时改变this指向 bind是复制一份时改变this指向 var ff =f1.bind(null);...原创 2019-08-07 10:23:22 · 124 阅读 · 0 评论 -
自学JavaScript-81(bind方法的使用)
bind方法的使用 //通过对象调用方法产生随机数 function ShowRandom() { //1-10的随机数 this.number = parseInt(Math.random()*10+1); } //添加原型方法 ShowRandom.prototype.show1 = function () { ...原创 2019-08-07 10:38:33 · 123 阅读 · 0 评论 -
自学JavaScript-82(函数中的几个成员)
函数中的几个成员 //函数中有一个name属性---------->函数的名字，name属性只读，不能修改 //函数中有一个arguments属性----->实参个数 //函数中有一个length属性----->形参个数 //函数中有一个caller属性------->调用(f1函数在f2中调用的，所以此时调用者就是f2) funct...原创 2019-08-07 10:48:02 · 152 阅读 · 0 评论 -
自学JavaScript-83(闭包)
闭包闭包的概念：函数A中有一个函数B，函数B中可以访问函数A中定义的变量或者是数据，此时形成了闭包(不严谨)闭包的模式：函数闭包，对象闭包闭包的作用：缓存数据，延长作用域链闭包的优点和缺点：缓存数据...原创 2019-08-07 11:29:35 · 127 阅读 · 0 评论 -
使用fullpage插件与countup插件实现到某一页时执行计数功能
将使用countup的函数封装到立即执行函数当中并在afterLoad回调函数中进行判断，当页数为某页时执行封装的触发countup的函数。 $(function(){ $('#frame').fullpage({ afterLoad:function (origin) { //设置计数器 ...原创 2019-07-31 14:24:06 · 600 阅读 · 0 评论 -
使用jQuery与fullpage插件实现回到顶部
在afterLoad回调函数中判定当前界面的页数，当页面不在不是第一面时执行出现回到顶部图标的函数，将图标放到一个a标签里，设置a标签的链接为第一页的id，实现相应功能。$(function(){ $('#frame').fullpage({ afterLoad:function (origin) { ...原创 2019-07-31 14:19:52 · 1415 阅读 · 0 评论 -
CodeWar(JavaScript)---Sum of Digits / Digital Root
Sum of Digits / Digital Root题目：In this kata, you must create a digital root function.A digital root is the recursive sum of all the digits in a number. Given n, take the sum of the digits of n. If ...原创 2019-07-24 17:06:32 · 357 阅读 · 0 评论 -
CodeWar(JavaScript)---Find the divisors!
Find the divisors!题目：Create a function named divisors/Divisors that takes an integer n > 1 and returns an array with all of the integer’s divisors(except for 1 and the number itself), from smalle...原创 2019-07-24 16:24:38 · 225 阅读 · 0 评论 -
CodeWar(JavaScript)---Vowel Count
Vowel Count题目：Return the number (count) of vowels in the given string.We will consider a, e, i, o, and u as vowels for this Kata.The input string will only consist of lower case letters and/or spa...原创 2019-07-24 16:39:44 · 378 阅读 · 0 评论