美文网首页
day2 - JavaScript 基础语法

day2 - JavaScript 基础语法

作者: 微醉那一抹殷红 | 来源:发表于2018-08-18 13:58 被阅读0次

一、基础语法

1. js定义
  • js是JavaScript的缩写,是一个脚本语言,专门用来负责网页上的行为。
2. 代码位置
  • 可以写在script标签中,理论上可以放在HTML文件中的任意位置
  • 写在标签事件属性中 - 如:onclick
  • 写在外部的js文件中,文件的后缀是 .js
3. js在网页中的功能
  • 在网页的不同位置插入 html 代码
  • 修改标签的内容
  • 修改标签的样式
4. 注释:
  • a.单行注释: //
//我是单行注释
  • b.多行注释:/* */
/*
 我是多行注释
 我是多行注释
 我是多行注释
 */
5. 语句
  • 一条语句结束要加分号
  • 一行显示多天语句时,每条语句之间用分号隔离开
6. 缩进
  • js没有缩进要求,用 { } 来表示一个块
7. 控制台输出
  • console.log(任意内容); ---- 常用的一种,推荐使用



二、基本数据类型

  • 数字 --- Number
  • 字符串 --- String
  • 布尔 --- Boolean
  • 数组 --- Array
  • 对象 --- Object
  • null
  • UNdefined
  • Function



三、字面量

  • 数字字面量

123; 12.3; 3e8; -123

  • 字符串字面量

'abc' ; "abc"

  • 布尔字面量

true; false

  • 数组字面量

[1, '2', 'a', true, false, 4, 5]
[ ]

  • 对象字面量

var dict = {a:1, b:2}



四、声明变量

  • 语法

var 变量名 ---- 不赋值
var 变量名 = 初值 ---- 赋值

  • 说明

  1. var
    是关键字
  2. 变量名

标识符:字母、数字、下划线、$组成

  • 命名规则

标识符
不能随意使用 $ 开头
驼峰式原则:第一个单词首字母小写,其他单词首字母大写

  • 综合实例

 //声明变量
var userName;
 

 //给变量赋值
userName = 'quye';
var score = 100;


//同时声明多个变量
var name, age, sex;
var name1 = 'yizhu', age = 18,  sex;


//一个变量可以存储任意类型的值,声明变量的时候,变量没有赋值,默认值是UNdefined
var a = 'abc'
a = 100
console.log(typeof(a))    



五、运算符

运算符类型 常用内容 对应功能
数学运算符 +、-、*、/、% 加、减、乘、除、取余
自身特有 ++、-- 自身加1、自身减1
比较运算符 >、<、==、>=、<=、!=; ===、>==、<==、!== 大于、小于、等于、大于等于、小于等于、不等; 完全相等、完全大于等于、完全小于等于、完全不等
逻辑运算符 &&、∣∣、! 与、或、非
赋值运算符 =、+=、-=、*=、/=、%= 变量等于、变量加、变量减、变量乘、变量除、变量取余
三目运算符 ?: 例:条件语句?值1:值2 条件语句为true就取值1,为false就取值2



六、分之结构

  • if 语句

if (条件语句){ 满足条件要执行的语句块 }
if (条件语句){语句块1} else if {语句块2} else{语句块3}
var age = 18;
if  (age >= 18){
  console.log('成年')
}

//b. if(条件语句){语句块1}else{语句块2}

if (age >= 18){
  console.log('成年')
}else{
  console.log('未成年')
}


//if - else if - else
if (age < 18){
  console.log('未成年')
}else if(age<40){
  console.log('青年')
}else{
  console.log('老年')
}
  • switch语句

switch(变量){
case值1:
语句1;
break;
case值2:
语句2;
break;
.........
default:
语句块3
break:
}

执行过程

使用变量的值依次和后面每个case后面的值进行判断,看是否相等(完全相等),如果相等就执行那个case后面对应的语句;如果前面每个case后面的值都和变量的值不相等,就执行default后面的语句



七、循环

  • for循环1

for (变量 in 数组/对象){ 函数体 }
  • for循环2

for (表达式1,表达式2,表达式3){循环体}

执行过程

for循环.png
  • while 循环

while(条件语句){ 循环体 }
  • do - while 循环

do {循环体} while (条件语句)

执行过程

首先执行函数体,判断条件语句是否为ture,如果是就执行函数体,执行完函数体,再次判断条件语句,直至条件语句为false就结束循环。



八、函数

  • 声明函数

function 函数名(参数列表){ 函数体 }
  • 说明

function: 关键字
函数名:驼峰式;见名知意
参数:可以有默认参数,且默认参数放在后面。传参的时候,按照位置传参来传。在调用函数的时候,必须保证每个参数都有值





易竹小居士.jpg

相关文章

网友评论

      本文标题:day2 - JavaScript 基础语法

      本文链接:https://www.haomeiwen.com/subject/rqixiftx.html