小猴子的博客

文章目录前端---JavaScript基础3call&apply原型链原型链操作前端—JavaScript基础3call&apply//call applyfunction Cat(name,color){ this.name = name; this.color = color;}var cat = new Cat();var o = {};//Cat.call(o,"大白","white");Cat.apply(o,["大白","white"]);console

文章目录前端---JavaScript基础3普通对象与函数对象原型及属性判断构造函数继承原型继承组合继承寄生组合式继承前端—JavaScript基础3普通对象与函数对象原型及属性判断构造函数继承原型继承组合继承寄生组合式继承//什么是普通对象？ 函数对象？//函数function f() {}console.log(typeof f,f.prototype)var ff = new f()console.log(typeof ff,ff.prototype)//普通对象va

文章目录前端---JavaScript基础2对象类型判断call函数对象属性操作深拷贝方法前端—JavaScript基础2重构以下代码：（以面向对象的方式）重构后：（其中this指针问题也可改成箭头函数）对象类型判断call函数对象属性操作//对象属性操作//属性增加var obj = {};obj.name = "jack";obj['age'] = 20;var addr = "wh";obj[addr] = "武汉"; //使用的变量console.log

JavaScript练习笔记1、分析下段代码输入出结果是(B)var a,b,c; 隐式类型转换a=”2”;b=2;c=a+b;console.log©;A.4 B.22 C.20 D.2自动类型 String() Number()1. 字符串相加 转成字符串 再拼接2. 四则运算 1+b 都是字值 直接计算 3+字符串3. ！运算 自动转换成布尔值 字符串 数值 true2、分析下段 代码输入出结果是(B)var x,y;x=10;y=x++;conso

文章目录前端---JavaScript基础数据类型面向对象对象创建方式对象类型判断前端—JavaScript基础JS是 解释型语言：跨平台 慢 编译型语言：不能跨平台 快数据类型面向对象对象创建方式对象类型判断//基本类型 boolean number string null undefinedvar str = "aaa";var num = 111;var bool = true;var und = undefined;var n = null;var arr =

23-初识正则表达式一、最简单的正则表达式 表达式：hi 能匹配的字符串（举例）： hi him his this 如果只想要这个结果：hi 改成：\bhi\b 或 \b[Hh]i\b 或 \b(H|h)i\b 那么职匹配：hi二、匹配数字串： \d+ 匹配结果： 1231312,12222,666666等等三、“\b”和“\B” “\b”匹配一个单词的边界 表...

22-while循环//小实例分析//猜数字游戏 谜底：30 随机数 100以内//随机数 Math.random() 可以获取0-1之间的数，但不包含0和1； 0.2325 0.9999 var random = parseInt(Math.random()*100); var flag = true; //不限制次数 _input.onblur = ...

21-break、continue、return语句理解break 语句用于跳出循环。continue 用于跳过循环中的一个迭代。return 语句会终止函数的执行并返回函数的值(如果有返回值的话)。//break 语句用于跳出循环。 // _btn.onclick = function(){ // var str = ""; // for(var ...

20-forEach循环语句//forEach循环//array.forEach(function(currentValue,index,array){})//currentValue当前元素 index 索引 array原数组 //forEach循环 var str = "<ul>"; arr.forEach(function(item,index,arr...

19-for循环语句 //语法 // for(var i=0;i<10;i++){ // }; // for(语句1;语句2; 语句3){ // //执行的代码 // }; //语句1 开始前执行 //语句2 循环条件 //语句3 在循环已被执行后执行 //for循环 var str2 = "&lt...

18-switch语句//语法 switch 语句是基于不同的条件执行不同的动作 // switch(n){ //n是一个变量值 // case 1: // //执行的代码块 1 // break; //阻止代码自动向下一个case运行 // case 2: // //执行的代...

17-条件语句//语法 // if(条件){ //true 1=='1' // //当条件为true时，执行的代码 // }else { // //当条件为false时，执行的代码 // }; // //多个条件 // if(条件1){ //true 1=='1' // //当条件1为true时，...

16-作用域（全局作用域及局部作用域）//作用域 全局作用域 函数作用域//函数的内部环境可以访问到所有外部环境的值，但是外部环境不能访问内部环境的值//注意事项//在全局变量和局部变量不同名时，全局变量其作用域整个程序//全局变量和局部变量同名时，全局变量的作用域不包含局部变量的作用域var x = 1; //全局变量 function f1(){ //全局函数 ...

15-预解析//解析过程//预解析：在js文件或者script里面的代码在正式开始执行之前，进行的一些解析工作。//这个工作很简单，就是在全局中寻找var关键字声明的变量和通过function关键字声明的函数。 console.log(a); //undefined var a = 10;//解析过程 var a; console.log(a); ////undefined a...

14-运算符（比较、三元、逻辑）+运算符可以用于字符串 相当于是一个连接符//++i与i++的区别//相同点 自加1//++i称为前自加，其后面的变量执行自加操作 先给i自加1 再计算表达式的值//i++ 称为后自加，其前面的变量执行自加操作 先计算 再自加1//比较运算符// = == === 的区别 = 是赋值 ==是条件匹配判断 ===是条件匹配判断，会...

13-函数的封装和复用//为何使用函数？//能够对代码进行复用：只要定义一次代码，就可以多次使用它。//能够多次向同一函数传递不同的参数，以产生不同的结果。 <div> <input type="text" placeholder="请输入姓名" id="name" /><span>姓名不能为空</span> </div&g...

12-函数的定义+自调+实参及形参理解//区别 预解析//1、函数声明能够在声明之前调用//2、使用函数表达式不会被提升//自调用函数//自调用表达式是自动被调用（开始）的，在不进行调用的情况下。//实参与形参//形参相当于函数中定义的变量，//实参是在运行时的函数调用时传入的参数//arguments的用法//Javascrip中每个函数都会有一个Arguments对象实...

11-对象的常用方法hasOwnProperty() 该方法可以判断对象的自有属性是否存在 返回的结果是布尔 满足条件true 反之falseObject.assign() 该方法主要用于对象的合并//当属性相同时，后面会覆盖的属性值，属性不相同添加属性Object.defineProperty()（见js文件）直接在一个对象上定义新的属性或修改现有属性，并返回该对象。keys() ...

10-对象属性的获取方式//属性的获取方式//属性的设置有 . [] .是取自身的属性 []可以是变量 var obj = {}; obj.name = 'abc'; obj['age'] = 20;//枚举属性 for in 遍历对象的属性 var obj2 = {name:'abc',age:18,id:1}; for(o in obj2){ ...

09-对象的定义方式//在真实生活中，汽车是一个对象。 //汽车有诸如车重和颜色等属性，也有诸如启动和停止的方法 var car = new Object(); //定义一个对象new car.color='white'; //颜色属性 car.weight ='1.5t'; //重量属性 car.start = function(){ //启动的...

08-数组中常用的属性及方法创建：使用 JavaScript 关键词 new使用数组文本创建//数组中的方法:toString() 把数组转换为数组值（逗号分隔）的字符串。join() 方法也可将所有数组元素结合为一个字符串 可以定义分隔符//添加新元素unshift() 方法（在开头）向数组添加新元素 push() 方法（在数组结尾处）向数组添加一个新的元素//删除元素...

07-数值parseInt 数值的方法 数字字符串转换为数字 返回的是首个数字parseFloat 浮点数值Number() 用于把js变量转换为数值，可以用于任何数据类型转换成数值Number(“10.33”) //10.33Number(true) //1Number(false) //0Number(null) //0Number(undefined) //N...

06-字符串属性 截取字符串的长度str.length方法：charAt() 方法可返回指定位置的字符concat() 方法用于连接两个或多个字符串indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。区分大小写//indexOf(查找的值,开始的位置)lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置includes() 方法用于判断字...

05-数据类型值类型（基本类型）：字符串(String)、数字(Number)、布尔(Boolean)、空对象(Null)、未定义(Undefined)引用数据类型（复杂类型）：对象(Object)、数组(Array)、函数(Function)基本类型就不说了，一起来看看复杂类型吧：//数组（Array) 存储数据var arr = new Array(); //需要通过new关键...

04-doucument对象属性和方法由节点组成1、元素节点: html body div button2、文本节点：展示的内容…3、属性节点：document.activeElement 返回当前获取焦点元素document.addEventListener() 向文档添加句柄document.createElement() 创建元素节点createTextNode() 创建文本...

03-DOM事件分为鼠标事件和键盘事件鼠标事件：onclick 单击ondblclick 双击onmousedown 按下onmouseup 松开//移入//onmouseenter 移入触发 不支持冒泡 只会触发一次//onmouseover 移入触发 支持冒泡（子元素也会被触发） 只会触发一次//onmousemove 移入触发 在元素内移动鼠标都 会触发，用于获...

02-DOM选择器Document Object Model（文档对象模型）我们把这个html看做一个对象树（DOM树），DOM是html文档结构，让js操作html元素而制定的一个规范；DOM的操作对象是文档（Document）html文件： <div id="div">hello div</div> <div id="div2">hello d...

01-申明变量及变量命名名称可以包含字母、数字、下划线和美元符号名称必须以字母、_、和$开头名称对大小写敏感保留字（例如new等）无法用作变量名称var btn,_test,$msg...