Javascript笔记

Javascript是什么，能干什么
一个网页的结构，是通过html决定的
脑袋，手脚，身体
Css决定了这个网页的样式
是高还是矮，是胖还是瘦，是黑还是白
这个网页的行为是通过JavaScript决定的
走路，跑步，眨眼睛
JavaScript的发展史
它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，浏览器对象模型。 [8] 
Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。为了取得技术优势，微软推出了JScript来迎战JavaScript的脚本语言。为了互用性，Ecma国际（前身为欧洲计算机制造商协会）创建了ECMA-262标准（ECMAScript）。两者都属于ECMAScript的实现。尽管JavaScript作为给非程序人员的脚本语言，而非作为给程序人员的脚本语言来推广和宣传，但是JavaScript具有非常丰富的特性。 [9] 
发展初期，JavaScript的标准并未确定，同期有Netscape的JavaScript，微软的JScript和CEnvi的ScriptEase三足鼎立。1997年，在ECMA（欧洲计算机制造商协会）的协调下，由Netscape、Sun、微软、Borland组成的工作组确定统一标准：ECMA-262。
JavaScript的使用
在前端开发中，JavaScript不能单独运行（除非是单独安装了JavaScript的运行环境）
JavaScript必须挂载在网页上
说羊毛出在羊身上
Html就是，JavaScript就是羊毛
Html引入JavaScript代码，有两种方式
方式一：内部引用
使用script标签，把JavaScript代码包起来

注意：内部引用的话要把代码放在网页的最下层
因为代码的运行是从上到下的
而JavaScript是没有样式的，我们看不到它
所以说如果把代码放在网页最上方的话就会造成因编译JS代码导致的网页加载
速度变慢
方式二：外部引用
（1）将JavaScript代码单独放到js文件中

（2）在html文件中引入js文件

注意，外部引用的时候，一般来说都是放在的外面，也就是说上面或者下面都可以
在企业开发中，一般都使用外部引入，这样做html与JavaScript是分开的
有利于分工合作，更方便后期的维护
程序设计的基础
数据类型与变量

计算机程序就是处理现实生活中各种的数据
数据包含几个属性：名字，值，类型

名字：数量/库存
值：1
类型：整数类型

名字：价格
值￥135.00-140.00
类型：浮点型
因为生活中的数据并不是一成不变的所以说我们JavaScript里就有变量和它对应
变量
Var variable的简写，声明一个变量

变量的命名
规则：
（1）一般情况下，变量名由大小写字母与数字组成，也可以使用 $ , _特殊字符；
（2）但是呢，变量名是不能以数字开头的，这样会与八进制或十六进制冲突
（3）关键字不能用，关键字这个名字已经被JavaScript内部使用了
规范：
（1）起名要见名思义，看到名字就知道这个变量是用来干嘛的
（2）要使用英文单词，不要去使用拼音，也不要使用中文
（3）小驼峰：第一个单词以小写字母开始；从第二个单词开始以后的每个单词的首字母都采用大写字母。
例子：myFirstName
关键字：
数据类型
变量的类型是由变量的值来决定，不同的类型分配给存储空间的大小也是不同的

字符串string
字符串是以单引号或双引号括起来的任意文本
‘asd’ “zhangsan”+”feng”

数字number
数字：整数和小数，但在JavaScript里不区分整数与小数，统一number
10进制，2进制，8进制，16进制都算数字
布尔类型boolean
Boolean里面值只有两个，true/false，表示真或者假
未定义undefined
因为JavaScript中变量的类型是由它的值来决定的，如果一个变量没有给值，
那它就是未定义

判断类型：typeof

对象类型
对象类型是很复杂的一个类型
怎么去描述一个人，这个人有身高，体重，年龄，这时候就需要一个对象属性
一切皆对象，对象包含属性的
人对象：身高，体重，年龄。。。。。。
狗对象：名字，花色，年龄。。。。。。
学生对象：学号，班级，成绩。。。。。。
对象的定义：

如何访问对象：
对象名称.属性名
注意：创建对象时对象属性用逗号分割，而不是分号
最好在代码的开始就声明所有变量
语句与注释
语句：
一行一行的代码就叫做语句，一个语句使用分号作为结束符
虽然JavaScript不写分号没有问题，但是到了项目上线代码压缩的时候就会出现问题
所以说要写上分号
注释：
对代码的解释，为了让你和你同事可以很轻松的看懂你的代码
注释不规范，同事两行泪
注释写与不写都不会影响代码的运行，注释与代码的结果没有关系
当然了，也可以用来阻止代码的运行（注释掉将要执行的代码）
方式一：单行注释
在语句最前面打上两个//（右shift左边那个键）

方式二：多行注释

运算符
算数运算符
+，-，*，/，%（余）

逻辑运算符
比如说有一场考试，上午一场，下午一场
如果说上午的和下午的都及格了才算过
与运算（&&）:并且 所有条件都满足，结果才成立
如果说上午或者下午及格一场就算过
或运算（||）或者 只要有一个条件满足，就成立
如果说上午和下午的都没及格才算过
非运算（！）取反 真变假，假变真

赋值运算符
在JavaScript里等于号代表赋值，==代表等于
复合赋值运算符：+=，-=，*=，/=
n+=5 等于n=n+5
其他同理
其实就是程序员的偷懒
++（自增），–（自减）
n++等于n=n+1
n–等于n=n-1
++n与—n
n++与++n的区别
++在前面，先加再用；++在后面，先用再加
不管++在前面还是后面，只要运行了，数值都会增加

关系运算符
常见关系运算符：>（大于） <（小于） >=（大于等于） <=（小于等于） （等于） !=（不等于）
判断两个数字是否相等，使用两个等于号（）而不是一个等于号（=是赋值）
JavaScript特有：
=：数值与类型全都等于才true
！：数值与类型全都不等于才true
比较后的结果是boolean类型，true或false

重点=与的区别：
==只比较值
===比较值和类型
三目运算符（三元运算符）
表达式？结果1：结果2
如果表达式运行的结果是true，运行结果1
如果表达式运行的结果是false，运行结果2