web前端开发JavaScript笔记整理

JavaScript笔记

JavaScript如何使用？

JavaScript如何使用？
1:直接嵌入在元素事件中；如< div οnclick=“js部分代码”>
2：写在< script>< /script >标签中；在本标签中是不允许出现任何内容的；
3：写在外部的脚本文件中；
语法规范：
使用分号来结束；大小写敏感，英文标点符号；
JS的输出：
1、使用window.alert()写入警告窗；
2、使用document.write()写入HTML输出；
3、使用innerHTML 写入HTML元素；
4、使用conse.log（）写入浏览器控制台
示例1：
使用innerHTML
如需访问HTML元素，javascri可使用 document.getFlementById( id) 的方法。
id 属性定义HTML元素。innerHTML属性定义HTML的内容。
< p id =d " demo">

< script> document.getElementById(“demo”).innerHTML= +<;< /script>
示例2：
使用alert显示；
示例3：
使用console.log输出的时候，应该要通过F12激活浏览器控制台，并在菜单中选择“控制台”；
示例4：
使用document.write（）输出的时候，一般之用于测试输出；
JS语句：
计算机程序是由计算机“执行”的一系列“指令”。
在编程语言中，这些编程指令被称为语句。
JavaScript 程序就是一系列的编程语句。
注释：在 HTML 中，JavaScript 程序由 web 浏览器执行。
JS语由以下小组成：
值，运算符，表达式，关键词和注释
JS会忽略多个空格，可以向脚本廷加多个空格，以增强程序的可读性！在运算符旁边加一个空格是一个好习惯！
JS代码块是可以使用花括号{}组合在一起的代码块。
其中花括号的作用是定义可以在一起执行的语句！！！

JS语法

JS语法
JS语句定义两种类型的值：混合值和变量值。
混合值被称为字面量，变量值被成为变量。
字面量：
书写规则：写数值有无小数点都可
字符串是文本，由单双引号包围；‘hello world’
变量:
在JS中，我们使用var（关键词）来申明变量；eg:
var a = 1;
运算符
包括加减乘除取余
=是赋值；
JavaScript 标识符
标识符是名称。
在 JavaScript 中，标识符用于命名变量（以及关键词、函数和标签）。
在大多数编程语言中，合法名称的规则大多相同。
在 JavaScript 中，首字符必须是字母、下划线（-）或美元符号（$）。
连串的字符可以是字母、数字、下划线或美元符号。
提示：数值不可以作为首字符。这样，JavaScript 就能轻松区分标识符和数值
JS对大小写十分敏感！
通常使用驼峰命名法。eg：FirstName, LastName, MasterCard, InterCity. and so on !
jslet:
这两个关键词，提供了块作用域，变量和常量；
其中作用域分为全局作用域和函数作用域，又增加了块作用域
JavaScript const 变量必须在声明时赋值：eg：const PI = 3.14159265359;

常见的关键字

常见的数组API函数：

数组API函数：
1，数组转字符串
1.1string（arr）：将arr中的每一个元素转为字符串 ，并用逗号分隔开；
1.2：arr.join(“连接符”):将arr数组中的每一个元素转为字符串，用自定义的老连接符分离。eg：var aa=[“H”,“e”,“l”,“l”,“o”]，将字符组成单词哈。document.write(aa.join(“”));//双引号之间是空的，所以就直接拼接在一起。
2，拼接和选取：
不直接修改原数组，而返回新的数组。
拼接：concat()拼接两个或者多个数组，并返回结果。*返回的数组是新数组，原数组的值不变。

var arr=[]; var subArr=arr.slice(值1，值2，值3,);

选取：数组名. slice（）返回现有数组的一个子数组。

var arr=[]; var subArr=arr.slice(starti,endi+1); 3，修改数组 splice直接修改原数组。 插入：arr.splice(starti,0,值1，值2，.......)； 替换： arr.spilce( starti.n); 删除arr中starti位置开始的n个元素，不考虑含头不含尾。 arr.splice( starti,n,值1，值2,......)； *强调：删除的元素个数和新增的元素个数、不必一致；

4，颠倒数组
颠倒：
reverse（）的作用是颠倒数组中的元素的顺序。
arr.reverse();
*强调，仅仅负责原样数组的颠倒，不负责排序。
排序：
排序API：
arr.sort():默认将所有的元素转为字符串再排列
问题：只能排列字符串类型的元素。
解决：使用自定义的比较器函数。
算法：冒泡排序，插入排序。