java script（一）

大家好，又见面了，我是你们的朋友全栈君。

java script

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代码包起来

注意：外部引用的时候，一般来说都是放在《body》的外面，也就是说上面或者下面都可

在企业开发中，一般都使用外部引入，这样做的HTML与JavaScript是分开的

有利于分工合作，更方便后期维护

程序设计的基础

数据类型与变量

计算机程序就是处理现实生活中各种的数据

数据包含几个属性：名字，值，类型

因为生活中的数据并不是一成不变的，所以说我们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