传智播客旗下技术交流社区北京校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

[前端与移动开发] js基础

© 良良没有凉凉 初级黑马   /  2019-1-13 22:23  /  216 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

今天跟大家分享一下JavaScript的一些基础知识
首先什么是JavaScrip:
JavaScrip简称js;
        js是一种脚本预言,一种弱数据类型语言
        书写位置:
                行内式
                内嵌式
                外链式:<script src=目标文件><script>
Js命名规范:
        严格区分大小写
        字母,数字,_$,可以命名 其余的特殊字符不能使用
        不能以数字开头
        不能以关键字,保留字命名
        驼峰命名法:多个单词连在一起,首字母小写,后面的单词首字母大写
Js中的变量:
        作用:储存数据
        变量的声明:var num
        变量的赋值:num=1
        变量的声明及赋值叫做变量的初始化:var num = 1(一般这样写)
        两个变量的数据交换
                var num = 1; var num2 = 2;
                var num3 = num1; num1 = num2; num2 = num3;
Js数据类型:
        Number(数字类型): 整数,小数,负数,console输出颜色为蓝色
                NaNnot a number (不是一个数字)
                isNaN(判断是否是一个非数字):true不是数字,false为数字(字符串中只有数字也是false
        String(字符串类型):只要是以单引号或者双引号括起来的内容,推荐单引号,console输出颜色为黑色 length:获取字符串长度。
        Boolean(布尔类型):true1false0
        undefined:变量声明未赋值
        null:空
        typeof(变量):获取变量数据类型
数据类型转换:
        转换数字类型       
                1.parseInt(数据):保留整数,开头为非数字,输出NaN,开头为数字,遇到非数字,省略非数字后面的全部。
                2.parseFloat(数据):同parseInt,但是保留小数
                3.Number(数据):保留小数,遇到非数字,输出NaN。可以转换undefinednull
                4.隐式转化:+数据,数据*1,数据/1 数据-0
        转换字符串       
                1.数据.toString():把变量装换成字符串,不能转换undefinednull
                2.String(数据):强制转换
                隐式转换:数据+“”;
        boolean:
                Boolean(数据):0 , NaN “”(空字符串) false undefined null转换为false 其余的全部为true
下面我们一起了解一下js的运算符,判断语句,循环语句:
一元运算符
        前置自增:先自增,后赋值 先自增,后运算
        后置自增:先赋值,后自增 先运算,后自增
二元运算符
        + - * / %
关系运算符
        <, > ,<=,>= ,==,===(全等),!=,!==(全不等)
逻辑运算符
        &&:于,并且,一falsefalse
        ||:或者,一truetrue
        !:非,取反
赋值运算符
        =:直接赋值        
        +=-=:加,减一个数后赋值
        *=/=%=:乘,除,取余后赋值
三元运算表达式
        a > b ? a : b;(可以等于if..else语句)
if语句:
        ifif(条件表达式){条件成立的代码}
        if..elseif(条件表达式){条件成立的代码}else{条件不成立的代码}
        if..else if:
if(条件表达式1){
        条件表达式1成立的代码
}else if(条件表达式2){
        条件表达式2成立的代码
}else if(条件表达式3){
        条件表达式3成立的代码
}else if...
switch语句
语法:
switch(变量){
        case 值1:
                表达式结果;
                bresak;
        case 值1:
                表达式结果;
                bresak;
        case 值1:
                表达式结果;
                bresak;
        case 值1:
                表达式结果;
                bresak;
        default :
                表达式结果;
}
        必须要有break,不然会穿透到下面的代码
        值的判断是===(全等)
for循环
        语法:
for (初始化变量; 条件表达式; 自增表达式) {
                循环体;
}
:
for (var i= 0; i < 100; i++) {
                console.log('这是个例子');
}
        执行顺序
                1.初始化变量
                2.判断条件表达式.
                3.如果条件表达式为true,进入循环体,false,退出循环
                4.循环体执行完之后,进入自增表达式.
                5.再次判断条件表达式.一直执行234,直到条件表达式为false;
双重for循环
        语法:
for ( 外层初始化变量; 外层条件表达式; 外层自增表达式){
        for(内层初始化变量; 内层条件表达式; 内层自增表达式){
                        执行的代码;
        }
}
        外层循环决定趟数,内层循环决定列数
        外层循环执行一次,内层循环执行全部
while循环
        语法:
while(条件表达式) {
                循环体代码;
}
        执行顺序
                1.先执行条件表达式,如果表达式结果为true,进入循环体,如果结果为false,退出循环
                2.执行循环体代码,如果条件表达式为真,一直重复
do...while循环
        语法:
do{ 循环体代码 条件表达式为true 时重复执行代码
} while (条件表达式)
        执行过程
                1.先执行do里面的循环代码
                2.判断条件表达式
                3.条件表达式为true,继续执行循环,条件表达式为false,退出循环
continue
        退出本次循环,进入下一次循环
break
        退出整个循环

分享至 : QQ空间
收藏

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马