Script基础-1

1.计算机常识

• 计算机只能识别【0和1】

  • 比如：开关机指令
  • 显示一段文本
  • 显示一张图片

• 计算机所有能识别的指令都是由0和1组成的

• 计算机中存储和操作的数据都是由0和1组成的

• 
  
  

  ---

2.计算机语言

• 机器语言
  • 所有的代码里面只有0和1,0表示不加电，1表示加电
  • 优点：直接对硬件产生作用，程序执行效率非常高
  • 缺点：指令有多又难记、可读性差、无可移植性
• 汇编语言
  • 符号化的机器语言，用一个符号（英文单词、数字）来代表一条机器指令
  • 优点：直接对硬件产生作用，程序的执行效率非常高、可读性“稍好”
• 高级语言
  • 非常接近自然语言，语法和结构类似于普通英语
  • 优点：简单、易懂、易于理解、远离对硬件的直接操作、有可移植性
  • 缺点：有些高级语言写出的程序执行效率并不高
• 对比（利用3种类型语言编写1+1）
  • 机器语言
    • 10111000 00000001 00000000 00000101 00000001 00000000
  • 汇编语言
    • MOV AX,1ADD AX,1
  • 高级语言
    • 1 + 1
• 高级语言最终都会翻译成机器语言【0和1】，以便于计算器执行
  

  ---

3.JavaScript简单了解

• JavaScript是高级语言
• JavaScript是编程语言、是一门弱语言
• 作用：主要作用就是用来实现网页中的各种功能，以及制作酷炫的网页特效
• 本质都是控制网页中的html和CSS来完成的
• 比如：轮播图、鼠标移动到某个位置出现动画等效果
• Tab选项卡
• 表单验证

4.发展史

• 布兰登·艾奇（Brendan Eich，1961年～），1995年在网景公司，发明的JavaScript。
• 
• 一开始叫做LiveScript，后来改名为JavaScript。
• 很多人问它和java是什么关系？
• 如同“雷锋”和“雷峰塔”的关系。
• “北大”和“北大青鸟”的关系。
• “周杰”和“周杰伦”的关系
• 同时期还有其他的网页语言，比如VBScript、JScript等等，但是后来都被JavaScript打败，所以现在的浏览器中，只运行一种脚本语言就是JavaScript。
  
  

5.JavaScript的标准

• 首先一门语言问什么有标准？不指定标准会怎么样？
• 拿B语言为例：
• long long ago，有一门语言叫【B语言】，在当时很火、很牛逼，然而因为没有制定标准：不同的公司为了满足自己的应用，对B语言进行改造、重写；导致B语言后来无法统一，最后走向了落寞，直至死亡。
• 后来又出现了【C语言】，为了重蹈【B语言】覆辙，美国国家标准局（ANSI）成立了一个委员会，专门制定了【C语言】的标准：比如“C89、C99”等等……
• 【C语言才有我们今天的发展和用处】
• 那么javaScript的标准是由谁来指定的呢？
• European Computer Manufacturers Association。简称【ECMA】，翻译为【欧洲计算机制造商协会】。
• 总结：JavaScript是由公司开发而成的，欧洲的这个ECMA的组织，制定了JavaScript的标准，取名为ECMAScript。
• 补充：简单来说ECMAScript不是一门语言，而是一个标准。

6.JavaScript的【发展历程】

• 前些年之前，JavaScript被认为“牛皮鲜”，用来制作页面上的广告，弹窗、漂浮的广告。就是JavaScript开发的。以至于浏览器就推出了屏蔽广告功能。
• 2004年JavaScript命运开始改变了，那一年谷歌公司，开始带头使用Ajax技术了，Ajax技术就是JavaScript的一个应用。并且，那时候人们逐渐开始提升用户体验了。
• 2007年乔布斯发布了iPhone，这一年开始，用户就多了上网的途径，就是用移动设备上网。JavaScript在移动页面中，也是不可或缺的。并且这一年，互联网开始标准化，按照W3C规则三层分离，人们越来越重视JavaScript了。
• 2010年的时候，HTML5推出Canvas（画布），工程师可以在Canvas上进行游戏制作，利用的就是JavaScript。
• 2011年，Node.js诞生，使JavaScript能够开发服务器程序了。
• 总而言之：应用越来越广泛，前景越来越牛逼。【被评为对初学者最友好的语言】;
  

  ---

如何来学习一门编程语言？

一：先学习基础语法

• 死记硬背，没有为什么！都是ECMA规定的。
  • 比如定义一个变量【var a = 99】
  • 声明一个函数【function 函数名称(){}】
  • 标识符的命名规范：【必须由字母、数字、下环线和$组成】

  一句话【乌龟的屁股“规定”】就是【背】

二：在学习基本思想

• 比如：
  • 【计数器思想】
  • 【累加思想】
  • 【排他思想】
  • 【选择排序】
  • 【冒泡排序】
  • 【折半查找】
  • 【节流思想】
  • 这些思想多数都是长期开发中，程序员找出的规律，利用这种规律能更快速的解决一系列【相似】的问题
  • 通过不断的敲代码，在平时学习和以后的工作中不断积累，遇到的问题多，解决问题的能力就越强【只有时间才能成就大神】。。。

学习一门编程语言的基本顺序

第一：标识符 ##

第二：常量

第三：变量

第四：运算符

第五：数据类型

---

流程控制结构

第六：流程控制结构之【选择结构】

第七：流程控制结构之【循环结构】

---

第八：函数##

第九：变量的作用域##

标识符

• 1.什么是标识符？

• 现实生活中的标识符

  • 
  • 

• 2.什么是程序中的标识符？

  • 就是程序员为了标识某个【变量、函数、标签】而给他们做标记时候起的“名字”：就是标识符

• 3.标识符的作用？

  • 跟人类的名字差不多，为了区分每个人，就在每个出生的时候起了个名字
  • 我们在学习选择器中的class选择器或者id选择器的时候，给标签的class或者id起名子一样.
  • 比如

• 4.标识符命名规则【死记硬背】

  • 1.只能由26个英文字母的大小写、10个阿拉伯数字（0~9）、下滑线和$符号组成
  • 2.严格区分大小写：比如: a和 A是两个不同的标识符
  • 3.不能以数字开头
  • 4.不能和关键字相同
  • 5.不能是ECMAScript保留字（abstract boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto、implements、i、port、intnterface、long、native、package、private、protected、public、short、static、super、synchronized、throws、t、ansient、volatile）

练习：一下那些不符合标识符的命名规则

abc123
c123
123name
c.123
no
_
_123
c_1888
a*123
c#123
$
class
goto
long

• 5.标识符的命名规范
  • 比如：人出生的时候【狗蛋、狗剩、二狗】
  • 起一个有意义的名字，能够提高代码的可读性.
  • 表示年龄:age；表示姓名：name；表示数字number；
  • 多个单词遵循【驼峰命名法】

  • 什么是驼峰？就是一种比喻：
    
  • userName;passWorld;sendMessege......
  • 规则：除第一个单词外，其他的单词首字母都大写
    

    ---

    
    
    

常量

• 什么是常量？
• 表示一些固定的数据，也就是不能改变的数据
• 比如：1、2、3、4、56、77、88......
• 开发中的常量：
  • 手机的型号
  • 手机屏幕的宽高
  • 同一台电脑的分辨率
  • 用户实名认证的身份证号......
  • 就是一些固定不变的量

变量

• 什么是变量？
• 表示的数据是可以经常修改的，当一个数据的值需要经常改变或者不确定时，就应该用变量来表示.
• 比如：【游戏的积分】【人的年龄】
• 作用：就是用来【存储数据的】
• 如何在js中声明一个变量？【掌握】
• 使用 var 关键词来声明变量（该变量是空的【它没有值】）如需向变量赋值，请使用等号）【称之为：先定义后初始化】
• 也可以在声明变量时对其赋值【称之为:定义的同时进行初始化】
• 一条语句声明多个变量 【var name="longGe", age=27, job="CEO";】
• 注意点：
  • 1.只声明未定义的变量值为：undefined【只需要知道它是一个数据类型即可】
  • 2.变量里面永远只能保存一个值【后一个会把前一个覆盖掉】；
    

    运算符

1.算数运算符

• 概念：算术运算符用于执行变量或值之间的算术运算
• 算数运算符有：【+】【-】【*】【/】【%（求余数：保留整数）】【++】【--】

2.赋值运算符

• 概念：赋值运算符用于给js变量赋值
• 赋值运算符有：【=】【+=】【-=】【*=】【/=】【%=】

3.关系运算符（比较运算符）

• 概念：测定变量或值是否相等，或者谁大谁小。

• 其结果只有两个false和true

• 关系运算符有：【==】【===】【！=】【>】【<】【>=】【<=】

4.逻辑运算符

• 概念：逻辑运算符用于测定变量或值之间的逻辑。
• 逻辑运算符有：【&&】【||】【！】
• 逻辑运算符号短路现象

5.三目运算符（三元运算符）

• 作用：一般用于给变量赋值
• 举例： c = a > b ? 88 : 99
• 口诀（口诀a大于b吗？如果大于等于88、否则等于99）

五大数据类型

• 1.数值型
  • 比如：2,8,99,34.8,66.662......都是数值型
• 2.字符串类型
  • 可以理解为【单引号或者双引号引起来的就是字符串】
  • 其他语言中【单引号的代表字符，而在js中没有字符这一概念，所有单引号和双引号都是代表字符串】
  • 比如"jack" 'rose' "name" '张三' "李四"
• 3.布尔类型
  • 取值只有两个：false 和 true
• 4.null【先了解】
  • 一般由于清空对象
• 5.udefined
  • 只定义未赋值的变量其值为【undefined】
• 6.如何判断一个数据是什么类型？
  • typeof函数

示例

示例

---

数据类型转换

• 1.prompt（）函数的使用（接收用户的输入）
  • 注意点：无论用户输入的是什么，返回的都是字符串类型。
• 2.字符串转换成数值型:
  • parseInt()函数
  • parseFloat()函数
• 3.弹出警告框
  • alert（）函数
• 练习：利用三目运算符，求出用户输入的三个整数，利用alert函数，弹出最大值

练习