初识JavaScript

js基础

什么叫JavaScript:

• javascript是一种编程语言
• 在浏览器上运行
• js是可以嵌入到html中到一种脚本语言

一、JavaScript的三种写法

• JavaScript也有三种书写方式，并且与CSS的三种书写方式几乎一致

• 1.外联样式：写在js文件中，使用script的src属性导入
  

• 2.内联样式：写在script标签中,如果界面js代码较少可以使用，复杂的话不推荐
  

• 3.行内样式：不推荐，因为不便于维护

二、打印输出：

1. alert() 弹出框（流氓框）：不点击看不到任何别的效果
2. console.log(‘要输出的内容’)，在控制台输出（使用特别多）
3. prompt(‘提示信息’)：给用户弹出一个输入框，可以用来获取用户的数据
   //如何查看prompt()得到的数据：结合alert()或者console.log()
   // console.log(prompt(‘请输入你的名字’));
   1. 先执行prompt()获取用户数据：拿到用户输入的内容
   2. console.log()将用户输入的结果：输出到控制台
4. document.write(‘要输出的内容’)：将内容写入到body（用户可见）
   //document.write()特性：如果有标签，会解析

三、变量

1.变量语法：let
let 名字 = 值 //定义变量
用法：


变量补充：

1. 变量的命名规则：见名知意；（看到变量的名字就知道是什么意思）
   组成规则：

数字、字母（区分大小写）、下划线 // let n1_ √
不能数字开头 //let 1n_ ×
不能使用关键字：系统已经用做特殊效果的单词

2. 变量的命名规范：不会报错，但是不建议使用
   规范1：见名知意 //let age; let a;（都是表示年龄，但后者可读性不强）
   规范2：不要使用中文
   规范3：不要使用保留字、关键字
   

   规范4：复杂变量，使用小驼峰；第一个单词首字母小写，其他单词首字母大写
   –let是ES6最新的写法，之前ES5的var会占资源
   –let和var的区别：let同名变量只能声明一次，var可以声明多次（干掉原来的）
   –总结：实际开发的时候，我们都是使用let开发，很少使用var了

四、数据类型

基本数据类型五种：3种常用，2种不常用

常用：number（数字）、string（字符串）、boolean（布尔值true/false）
不常用：null、undefined
String：用单引号（‘ ’）、双引号（” ”）、反引号（）就是字符串

复合数据类型：数据复杂，对象（object）

扩展：let un1; let un1 = undefined; //声明变量，默认值是undefined
let un1 = null //需主动赋值

五、判断数据类型：typeof

六、算数运算符

+、- 、* 、/ 、%
求和、相减、相乘、相除、求余（5 / 2 = 2余1）



0-99之间的随机数

七、ES6语法扩展

const：与变量几乎一致
定义常量：常量不可声明—const 常量名 = 值 // 固定不可改变
const name = ‘shentao’;
补充：

1. 常量不能声明，因为不能被赋值
2. 常量为了区分变量（规范）：通常会全大写
   // 1. 模板字符串的特性：就是可以换行（单双引号都不可以）
   // 2. 模板字符串中间可以解析变量
   模板字符串解析：字符串里面使用 ${ 变量或其他数据}