Javascript学习笔记
俺要回家
一边加油,一边恋爱。
展开
-
Javascript学习笔记(1)简介 hello world
一、JavaScript认识1、JavaScript是最流行的脚本语言。2、是运行在浏览器的解释型编程语言。3、Brenden Eich 这哥们10天设计出Javascript语言!!!What ???alert('我要学JavaScript');什么语言都有个hello worldalert('Hello world');-随意打开gg上的一个网页,在Console中输入...原创 2019-08-02 16:30:33 · 233 阅读 · 0 评论 -
JavaScript学习笔记(17)日期时间Date
DateDate对象用来表示日期和时间。 要获取系统当前时间,用:var now = new Date();now; // now.getFullYear(); // 年份now.getMonth(); // 月份,注意月份范围是0~11,假设是5则表示六月now.getDate(); // , 月号now.getDay(); // 表示星期now.getHours(); /...原创 2019-08-09 11:40:19 · 95 阅读 · 0 评论 -
Javascript学习笔记(8) 变量作用域
变量作用域 var申明的变量是有作用域的。'use strict';function foo() { var x = 1; x = x + 1;}x = x + 2; // ReferenceError! 无法在函数体外引用变量x在上述的语句中,变量x在函数体内有效,在函数体外不可引用。 JavaScript函数可以嵌套,内部函数可以访问外部函数的变量,反过来则...原创 2019-08-07 11:31:24 · 106 阅读 · 0 评论 -
JavaScript学习笔记(9)方法 、this
方法 一个对象中绑定一个函数:称为这个对象的方法,来一个: 写一个age()方法,返回xiaoming年龄:var xiaoming = { name: '小明', birth: 1990, age: function () { var y = new Date().getFullYear();//调用当前年时间 return y - ...原创 2019-08-07 17:16:50 · 73 阅读 · 0 评论 -
JavaScript学习笔记(10)高阶函数
高阶函数 一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。来一个最简单的高阶函数:function add(x, y, f) { return f(x) + f(y);}//Math.abs(x) = | x | 求x的绝对值'use strict';function add(x, y, f) { return f(x) + f(y);}v...原创 2019-08-07 18:38:48 · 128 阅读 · 0 评论 -
JavaScript学习笔记(11) map、reduce
map map()方法定义在JavaScript的Array中,调用Array的map()方法,传入我们自己的函数,就可以得到结果,来一个例子'use strict';function pow(x) { return x * x;}var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];var results = arr.map(pow); // [1...原创 2019-08-07 19:21:44 · 150 阅读 · 0 评论 -
JavaScript学习笔记(25) JavaScript.then()这个方法是什么意思?
JavaScript.then()这个方法是什么意思?1、then()方法是异步执行。2、意思是:就是当.then()前的方法执行完后再执行then()内部的程序,这样就避免了,数据没获取到等的问题。3、语法:promise.then(onCompleted, onRejected);4、参数promise必需。Promise 对象。onCompleted必需。承诺成功完成时要...原创 2019-08-19 15:50:22 · 2547 阅读 · 0 评论 -
JavaScript(26)JavaScript中 ? : 怎样用?
JavaScript中 ? : 怎样用? var XX = $('#XCheckBoxXX').prop('checked');//获取消息复选框是否勾选 var YJ = $('#XCheckBoxYJ').prop('checked');//获取邮件复选框是否勾选 var XXN = XX ? 1 : 0; ...原创 2019-08-19 17:25:59 · 1016 阅读 · 0 评论 -
JavaScript学习笔记(18)正则表达式简介
正则表达式 正则表达式是一种用来匹配字符串的强有力武器。 它的设计思想是用一种描述性得语言来给字符串定义一个规则,凡是符合规律的字符串我们就认为它“匹配”了,否则,该字符串不合法。例子:判断一个字符串是否符合合法的Email的方法:1、创建一个匹配Email的正则表达式;2、用该正则表达式去匹配用户的输入法来判断是否合法。 ‘00\d’可以匹配’007’,但无法匹配’00A’;...原创 2019-08-12 16:10:39 · 119 阅读 · 0 评论 -
JavaScript学习笔记(19)RegExp
RegExp在JavaScript中使用正则表达式1、直接通过/正则表达式/写出来。var re1 = /ABC\-001/;例子:var re = /^\d{3}\-\d{3,8}$/;re.test('010-12345'); // truere.test('010-1234x'); // falsere.test('010 12345'); // falseRegExp...原创 2019-08-12 17:09:36 · 99 阅读 · 0 评论 -
JavaScript学习笔记(23)Ajax
AjaxAjax意思是用JavaScript执行异步网络请求 Web的运作原理:一次HTTP请求对应一个页面。 如果要让用户留在当前页面中,同时发出新的HTTP请求,就必须用JavaScript发送这个新请求,接收到数据后,再用JavaScript更新页面,这样一来,用户就感觉自己仍然停留在当前页面,但是数据却可以不断地更新。 用JavaScript写一个完整的AJAX代码并不复杂,但是需...原创 2019-08-16 11:00:58 · 167 阅读 · 0 评论 -
JavaScript学习笔记(24) Promise
Promise在JavaScript的世界中,所有代码都是单线程执行的。由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以用回调函数实现:function callback() { console.log('Done');}console.log('before setTimeout()');setTimeout(callbac...原创 2019-08-16 11:46:27 · 201 阅读 · 0 评论 -
JavaScript学习笔记(16) 标准对象-包装对象
标准对象 在JavaScript的世界里,一切都是对象。但是某些对象和其他对象不太一样。为了区分对象类型,用typeof操作符获获取对象的类型,它返回一个字符串:typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // 'string'typeof true; // 'boolean'typeof undefined;...原创 2019-08-09 10:49:22 · 87 阅读 · 0 评论 -
JavaScript学习笔记(15)箭头函数、this
箭头函数 Arrow Function(箭头函数)例子:x => x * x相当于:function (x) { return x * x;}包含多条语句的写法:x => { if (x > 0) { return x * x; } else { return - x * x; }...原创 2019-08-09 09:53:25 · 106 阅读 · 0 评论 -
JavaScript学习笔记(22) 操作DOM
操作DOM 由于HTML文档被浏览器解析后就是一棵DOM树,要改变HTML的结构,就需要通过JavaScript来操作DOM。 始终记住DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作:更新:更新该DOM节点的内容,相当于更新了该DOM节点表示的HTML的内容;遍历:遍历该DOM节点下的子节点,以便进行进一步操作;添加:在该DOM节点下新增一个子节点,相当于动态增加了一个...原创 2019-08-13 16:13:18 · 139 阅读 · 0 评论 -
Javascript学习笔记(2)数据类型
1、数据类型Number JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型:123; // 整数1230.456; // 浮点数0.4561.2345e3; // 科学计数法表示1.2345x1000,等同于1234.5-99; // 负数NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示I...原创 2019-08-02 19:00:20 · 169 阅读 · 0 评论 -
JavaScript学习笔记(3)对象,用对象访问属性
对象 JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。例如:为了描述“小明”这个淘气的小朋友,我们可以用若干键值对来描述他:var xiaoming = { name:'小明', birth:1990, school:'No.1 MiddleSchool'; height:1.70, weight;65,...原创 2019-08-05 11:36:29 · 160 阅读 · 0 评论 -
JavaScript学习笔记(4) 基础的两种循环
循环 当遇到1+2+3+…+10000,这玩意你不可能用表达式写出来,这时候就得用循环语句了。 JavaScript的循环有两种,一种是for循环,例如:forvar x = 0;var i;for(i = 1;i<=10000;i++){ x = x+i;}x;//50005000for循环最常用的地方是利用索引来遍历数组:var arr = ['a...原创 2019-08-05 14:43:06 · 88 阅读 · 0 评论 -
JavaScript学习笔记(5) Map、Set
map map是一组键值对的结构,查找速度极快。比如说要根据同学的名字查找对应的成绩,如果用Array实现,需要两个Array:Arrayvar names = ['mark','Bob','Tracy'];var scores = [95,75,88];数组就是这样,查成绩,先在names中找到对应位置,再从scores取成绩,Araay越长,耗时越长。‘map 用Ma...原创 2019-08-05 18:26:08 · 99 阅读 · 0 评论 -
JavaScript学习笔记(12)filter
filter1、它用于把Array的某些元素过滤掉,然后返回剩下的元素。实际上就是一个高阶筛选函数。 filter()也是接受一个函数。和map()不同,filter()把传入的函数依次作用于函数判断,返回true 或者 false 进以决定是保留还是丢弃该元素。例子:在一个Array中,删掉偶数,只保留奇数:var arr = [1, 2, 4, 5, 6, 9, 10, 15];...原创 2019-08-08 14:59:08 · 89 阅读 · 0 评论 -
JavaScript学习笔记(13)sort、排序
sort排序算法 通常规定,对于两个元素x和y,如果认为x < y,则返回-1,如果认为x == y,则返回0,如果认为x > y,则返回1,这样,排序算法就不用关心具体的比较过程,而是根据比较结果直接排序。 JavaScript的Array的sort()方法就是用来排序的,['Google', 'Apple', 'Microsoft'].sort(); // ['Appl...原创 2019-08-08 15:33:59 · 140 阅读 · 0 评论 -
JavaScript学习笔记(6)iteration类型及for...of循环、forEach方法
iterable 遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Map、Set、Array都属于iterable类型。 iterable类型用for…of循环遍历。for…of 用法如下:var a = ['A', 'B', 'C'];var s = new Set(['A', 'B', 'C']);...原创 2019-08-06 14:55:26 · 186 阅读 · 0 评论 -
JavaScript学习笔记(14) 闭包
函数作为返回值 高阶函数除了可以接受函数作为参数外,还可以把函数作为结果值返回。实现对一个Array的求和,通常如下:function sum(arr) { return arr.reduce(function (x, y) { return x + y; });}sum([1, 2, 3, 4, 5]); // 15 如果不需要立即求和,后面根...原创 2019-08-08 16:49:11 · 87 阅读 · 0 评论 -
JavaScript学习笔记(20)JSON
JSON JSON是一种数据交换格式。有以下几种数据类型:number:和JavaScript的number完全一致Boolean:true或者falsestringnullarray:——[ ]object: 就是JavaScript的{…}表示方式。加上以上任意组合。序列化把小明这个对象序列化成JSON格式化的字符串:'use strict';var xiaomi...原创 2019-08-13 14:29:13 · 125 阅读 · 0 评论 -
JavaScript学习笔记(21)面向对象编程 了解一下
面向对象编程 JavaScript的面向对象不太同于Java和C#,JavaScript中没有class的概念。 JavaScript是通过原型(prototype)来实现面向对象编程。原型是指当我们想要创建xiaoming这个具体的学生时,我们并没有一个Student类型可用。那怎么办?恰好有这么一个现成的对象:var robot = { name: 'Robot', h...原创 2019-08-13 14:53:24 · 136 阅读 · 0 评论 -
JavaScript学习笔记(7) 函数
函数function name(x) { if (x >= 0) { return x; } else { return -x; }}在上面这个方法中:function指出这是一个函数定义;name是方法名;(x)是参数,多个参数以,分割;{…}是函数体;函数也就是一个对象。随意,也可以这样搞:var name ...原创 2019-08-06 16:17:59 · 68 阅读 · 0 评论 -
JavaScript 字符串或者数字 转换为 保留小数点后两位加上千位符‘,’
// 功能:将浮点数四舍五入,取小数点后2位,如果不足2位则补0,这个函数返回的是字符串的格式function changeTwoDecimal_f(x){var f_x = parseFloat(x);if (isNaN(f_x)){alert(‘function:changeTwoDecimal->parameter error’);return false;}f_x ...原创 2019-08-13 09:00:25 · 1149 阅读 · 0 评论