JavaScript的入门

2022/7/26 1:22:49

本文主要是介绍JavaScript的入门,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

书写的三种方式

1. 书写在script标签里面(一般会用到的)

2.书写在js文件里面(推荐)
定义一个js文件(xxx.js)

3. 书写对应的事件属性里面(比较少用)

初体验

1. 目前js的代码,必须写在一个script标签里,script的默认type text/javascript
2. alert('字符串')提示框
3. console.log("hi")
4. document.write("在页面上输出")

注释(注释相当于解释这个句话 这个注释是不会被编译的)

1.单行注释 ctrl + /
2.多行注释 ctrl + shift + a

变量定义(使用var关键词声明)

例:var  number  = a

1.使用var关键字,在内存中开辟一个空间,并给空间命名和给空间赋值
声明变量 : var myname="xxx"
2.多个变量 简写:多个变量用","隔开,
var myname="xxx" , age=20 , sex="男";
3.变量的默认值是 undefined 未定义类型
4.查看js的基本数据类型,使用 typeof
例: console.log(typeof "hi")

js属于弱类型语言

1.可以是任意类型的数据
2.数据类型可以被修改

 

变量名的书写(见名知意 区分大小写)

1.只能是数字,字母,下划线,$
2.不能是数字开头
3.不能是关键字或保留字
4.严格区分大小写
5.驼峰命名法
小驼峰: 变量,形参,函数
大驼峰: 类型,构造函数
6.语义化,见名思意

7.普通变量首字母小写
常量全大写(const)

 

 

 

js的数据类型

1.string,number,bool,undefined,null,object
2.值类型数据类型 string,number,bool,undefined,null
3.引用类型 object (Array,Function..)
  4.特殊的值 NaN  --> number
   5.特殊的类型: null,undefined

案例:
1). 字符串 String  由一组双引号或单引号组成的
        var str = 'a';
        var str1 = "b";
        console.log(typeof (str));
        console.log(typeof (str1));

2). 数值类型 Number
        var num1 = 100;
        var num2 = 23.4
        console.log(typeof (num2))

3). boolean 布尔类型,它值 (true/false); 真/假
        var isLogin = true; //已经登录
        var isReg = false; //没注册
        console.log(isLogin); //true

4). undefined 未定义类型
防止程序出错,js会隐式设置一个默认的undefined
        var sex;
        console.log(typeof (sex)); //undefined

5). null  空地址
        var a = null;
        var b = null;

        console.log(b);
6). 对象类型  Object
    a.对象的写法1
        var person = new Object();
        person.name = "杨超越";
        person.age = 22;
        person.address = "上海"
        console.log(person); //{name: '杨超越', age: 22, address: '上海'}
    b.对象的写法2
        var dog = {
            name: "旺财",
            age: 4,
            address: "湖南"
        };
        console.log(dog); //{name: '旺财', age: 4, address: '湖南'}

 

元素类型的转换

 var number = 1     // 数字转换为字符串     console.log(number.toString());
    // String 转 number     var str = 123.12     console.log(Number(str));     // 转整数     console.log(parseInt(str));     // 转小数     console.log(parseFloat(str));
    // isNaN 是NaN返回true不是返回false(not a number)     var a = 10     console.log(isNaN(a)); //false     var str = 'abc'     console.log(isNaN(str)); //true
    // 无穷大 无穷小(Infinity)     //无穷大     var max = Infinity     //无穷小     var min = -Infinity
    // 将字符串转为对应的boolean类型     //转为boolean类型 非空就是true 空字符串表示false     var str = 'abc'     var b = Boolean(str); //false     var b1 = Boolean('') //true     console.log(b, b1);
    // 将number转为布尔类型     var number1 = 10     //number转布尔 非0和非NaN则为true NaN和0就是false     console.log(Boolean(number1)) //true     console.log(Boolean(0)) //false     console.log(Boolean(NaN)) //false
    // 将undefined和对应的null转为boolean( false)     var un     console.log(Boolean(un)) //false     console.log(Boolean(null)) //false
    // 将boolean类转为number类型( false 0 true 1)     console.log(Number(true)) //1     console.log(Number(false)) //0
    // 将对应的undefined和null转为number     var un     console.log(Number(un)) //NaN     console.log(Number(null)) //0  

运算符和表达式

1.算术运算
+ - * / % ++(自增) --(自减)

2.拼接运算符:+,加号两边只要有一边出现字符串就是拼接

3.赋值运算符+=,-=,/=,*=
4.逻辑运算符:
与 & 找假
或 || 找真
非! 取反
&& || 被称为短路运算符

自增和自减的前置和后置的区别

前置先执行对应的++(--) 再执行对应的代码
后置先执行对应的代码 再执行++(--)

列如:

  //俩个number相加         console.log(2 + 1); //3     //一个string和number相加 连接操作 自动转为string 字是黑色的属于字符串     console.log('123' + 1); //1231         //boolean类型和null和undefined小于number 自动转为number         console.log(true+1);//2         //- * / % 全部会转为number类型进行操作         console.log('12'-1);//11         console.log(true-1);//0         console.log(undefined-1);//NaN 出现NaN计算结果一个是NaN         console.log(null-1);//-1         console.log(true*3);//3         //% 取余 取模         //大数取余小数 得到的是余数 小数取余大数得到小数         console.log(6%3);//0         console.log(7%3);//1         console.log(4%3);//1         console.log(3%4);//3    //++ 在原本的基础上+1  -- 在原本的基础上减一      var i = 1         //前置(先执行++(--)操作 再进行对应的代码块的执行)和后置 (先执行代码块再进行 ++(--)操作)         console.log(i++);//1         console.log(i);//2         console.log(++i);//3         console.log(i--);//3         console.log(i); //2         console.log(--i);//1         //计算顺序 先算括号里面的 ++或-- 再进行乘除取余 再进行 + -         console.log(++i * 10); //20   // 赋值运算符+=,-=,/=,*=         var a = 10         a+=10 //=a+10         a/=10 //2         a*=5 //10         console.log(a);  

位运算(转为二进制再进行位的变化运算)

>> 右移 << 左移 ~~ 去掉小数

例如:如何最快从2变成16

  var i = 2         //位运算 快速从2得到8 二进制满2进1   值1  0         //2的二进制就是10  ==>   16的二进制就是10000         //左移后面是进行补零操作 最后一位是多少就是多少 0 + 2^0*1 +2^2*0 +2^3*0 +2^4*1=16     <<3相当于补了3个0         console.log(2<<3);  

三元运算符(三目运算符)

  // 表达式(boolean类型表达式)? true的内容 :false的内容     var a = 1     var b = 2     console.log(a < b ? 1: 2); //1     console.log('123a' / 10 ? 'hello' : 'hi'); //hi )  

number保留几位小数的方法 toFixed

     var number1 = 3    var number2 = 10     //默认的大小15位 整数位也是15位 超出不能显示(可以通过特殊方法解决)     console.log(number2 / number1); //3.3333333333333335     //保留小数(方法会优先调用) 转成字符串     console.log((number2 / number1).toFixed(3));//3.333



 



这篇关于JavaScript的入门的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程