JavaScript学习实录

01-javascript基础学习笔记

2017-03-04  本文已影响0人  一个要搞前端的ZL

编程,无非就是写指令。不过面对黑白相接的C/C++等语言,太过于枯燥。不知道哪天开始,就喜欢上了能直接看到效果的前端,谨以本账号在简书记录一下本人在前端的学习生涯。

说起来对javascript这个语言,了解也有一段时间了。只是一直堕于记笔记,确实是一个非常致命的习惯。所以今天开始尽量多在简书上写一下自己的学习感受与笔记吧。先上一点基础内容。

说起任何一种新的事物,每个人最开始的困惑一定是,这个东西是做什么的,有什么用,好。那么我们就先了解一下js这门语言。


1.javascript相关知识的介绍

1.1 js的作用
主要作用就是用来实现网页中的各种功能,以及制作酷炫的网页特效,同时对新手接触编程来说又是非常友好的一门若变量类型语言,不需要像iOS与安卓开发一样关注内存释放的问题,却也可以同时完成移动端的开发工作。

1.2 js与ECMA的关系
javascript是由公司开发而成的,欧洲的这个ECMA组织,制定了js的标准,取名为ECMAScript

1.3 js的现状


2.标识符###

2.1 什么是标识符

2.2 标识符的作用

2.3 标识符命名规则(必须遵守什么?)

2.4 标识符的命名规范?


3.常量###

3.1 什么是常量?
表示一些固定的数据,也就是不能改变的数据,比如:1、2、3、4、5、6、7、a、b、c


4.变量###

4.1 什么是变量?

4.2 声明变量及变量的赋值

var name="ZL",age=22,job="CEO";
var name="ZL",
       age=22,
       job="CEO";

5.运算符

5.1 算术运算符

+  加
-  减 
*  乘
/  除
%  取余
++  自加
--  自减

5.2 赋值运算符

=  赋值
+=  加等于
-=  减等于
*=  乘等于
/=  除等于
%=  取余等于

5.3 关系运算符(比较运算符)

==  是否相等(值相等)
===  是否全等(值与类型都相等)
>  大于
<  小于
>=  大于等于
<=  小于等于
!=  不等

5.4 逻辑运算符

&&  与(都为真才为真)
||  或(一真则真)
!  非(取反)

5.5 条件运算符、三目运算符(三元运算符),多数情况用于给变量赋值

var rst = a>b?a:b;    //理解为a是否大于b,如果是,则返回a,否则返回b

6.数据类型

6.1 string,字符串,用引号包裹,在js中单双引号效果相同,不过定义字符串尽量先使用双引号,字符串里面再需要引号时使用单引号,外双内单。
6.2 number,数值型(有整型与浮点型)
6.3 bool,布尔型(只有真或假)
6.4 null,空值(没有值,可用于清除变量,暂时的理解)
6.5 undefined,未定义(有值,值为undefined,常见于定义了变量,但未对其进行赋值)
6.6 array,数组
6.7 object,对象


7.条件语句,用于进行流程控制###

7.1 if语句

语法:
if(条件){
//执行语句
}

7.2 if...else语句

语法:
if(条件){
//执行语句
}else{
//执行语句
}

7.3 if...else if...else语句,可无限往下写条件进行流程控制

语法:
if(条件){
//执行语句
}else if(条件){
//执行语句
}else{
//执行语句
}

8.switch语句###

8.1 语法

switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

8.2 工作原理
工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

8.3 注意default关键词
使用default关键词来规定匹配不存在时做的事情


9.javascript中的内置函数,简单了解###

9.1 console对象

9.2 prompt函数


10.练习###

10.1 请用prompt输入三个并使用三目运算符求出最大值

代码:
    var num1 = parseInt(prompt("请输入第一个值")),
        num2 = parseInt(prompt("请输入第二个值")),
        num3 = parseInt(prompt("请输入第三个值"));
    var rst = num3>(num1>num2?num1:num2)?num3:(num1>num2?num1:num2);
    console.log(rst);

10.2 要求用户输入月份,弹出对应的季度

代码:
    var month = parseInt(prompt("请输入月份"));
    switch (month){
        case 3:
        case 4:
        case 5:
            alert(month+"月是春天");
            break;
        case 6:
        case 7:
        case 8:
            alert(month+"月是夏天");
            break;
        case 9:
        case 10:
        case 11:
            alert(month+"月是秋天");
            break;
        case 12:
        case 1:
        case 2:
            alert(month+"月是冬天");
            break;
        default:
            alert("您输入的是无效内容,请重新输入");
    }

10.3 要求用户输入分数,求成绩等级

代码:
    var score = parseInt(prompt("输入成绩"));
    
    if(score>=80&&score<=100){
        alert("优秀");
    }else if(score>=60&&score<80){
        alert("中等");
    }else if(score>=0&&score<60){
        alert("不及格");
    }else{
        alert("输入的成绩非法")
    }

求分数也可用switch来写,但是有一个问题是分数除以十以后,若向下取整那么101到109分数的也会显示优秀,在不使用if语句时无法解决问题。向上取整时则-1到-9会显示不及格,不满足客观事实,所以不予采用switch写分数判断


11.while与do...while循环,重复做相同的事情###

11.1 While 循环会在指定条件为真时循环执行代码块

语法:
while(条件){
  //执行语句
}

11.2 do/while循环是 while 循环的变体。该循环会执行一次代码块,在检查条件是否为真之前,然后如果条件为真的话,就会重复这个循环。

语法:
do{
  //执行语句
}while(条件)
上一篇 下一篇

猜你喜欢

热点阅读