JS新手基础

1.JS的引入:

1)JavaScript是一种脚本语言.

2)内部引入方式:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- script // 脚本 --> 
        内部引入:<script> </script>
</body>
</html>

1.尽量写在body下面
2.最下面的意思是 所有标签的最下面

3)外部引入方式:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- script // 脚本 -->
    <!-- 外部引入:<script src=""></script>
        
</body>
</html>

 1.文件必须是后缀名为.js
 2. 引入文件的路径写在属性名为src的属性值里面
 3.路径规则遵循,相对路径和绝对路径规则

2.字面量:

1)字面量基础定义

写一个值,不会在控制台上 出现红色报错 的一些值(数值和字符串)。

2)在JS中只有数字和字符串是字面量 中文不是。

1.用英文 双引号或者单引号 括起来的值叫做字符串类型

3.输出方式:

1)控制台输出方式

console.log(250);
console.log('250');

2)警告框输出方式

alert('我爱坤坤');
alert('ikun');

3)页面输出方式

document.write('我是Ikun')

4.JS中注释方法:

1)单行注释

//我是单行注释 
VScode 快捷键 ctrl + /

2)多行注释

/* 我是多行注释
如果使用多行注释的话 
需要提前选中 需要注释的部分
*/
VScode快捷键 ctrl+shift + / 

5.变量:

1)变量定义

会变化的量

2)声明变量的三种方式

1.var 声明

var 变量名 = ;

2.let  声明

let 变量名 = ;

3.const  声明

const 变量名 = ;

3)变量的名称命名规范:

1.只要避开保留字(for,in,while,do,new,Object,Array,null,Number,String,NaN,function,name)等;但是只要这些保留字前面加上一个英文的下划线(_)这个名称就不是保留字了

6.JS变量声明的区别:

提示:

在JS中 等号 是赋值符号

1)var 声明:

var name = 10;
 console.log(name); //10
name = '文丁响';
console.log(name); //文丁响

2)let声明:

let name = 10;
console.log(name);//10
name = '蔡徐坤'
console.log(name);//蔡徐坤

3)var和let的区别:

var 定义一个变量,再去定义一个相同的变量名字,代码不会出错

let 定义一个变量,再去定义一个相同的变量名字, 控制台会提示 快变量不能定义相同的名字

不会报错
        var name = 10;
        console.log(name);
        var name = '蔡徐坤';
        console.log(name);
会报错
        let name = 10;
        console.log(name);
        let name = '蔡徐坤'

4)const声明:

const 定义一个常量的数据类型 定义的常量不能重新赋值

 7.变量提升:

1)var 定义的变量 会把所有的变量名全部记下来

但是不给他赋值,仅仅只定义了这个变量名,但是这个变量名 值未定义,那么所以变量的值,都等于undefined  

 var _name;
console.log(_name);//undefined
undefined 是一个数据类型 未被定义的数据类型

2)变量提升:

1.
console.log(_name);//报错 后面不执行


2.
_name = 10;
console.log(_name);//10



3.
console.log(_name);//undefined
var _name = 10;
 console.log(_name);//10


4.
var _name;
console.log(name);//undefined
_name = 10;
console.log(name);//10 

3)为什么var有变量提升,let和const没有:

1.var是全局变量,整个网页中 都能访问的变量;

2.let是局部定义变量 块变量 只有一部分代码区域可以访问到;

3.const 定义的是常量

8.数据类型:

1)基本数据类型:

<script>
        // 7种基本数据类型
           1.Number     数值
           2.String     字符串
           3.undefined  未定义
           4.null       空
           5.NaN        该数字无法转换成数值
           6.Boolean    布尔类型
           7.Array      数组类型
           8.Object     对象

           严格意义上讲 只有七种数据类型:
           因为Array(数组)和Object(对象)同属于Object 对象类型
         
        var num = 10;//数值
        console.log(num);

        var str = '10';//字符串
        console.log(str);

        var und;//未定义 undefined
        console.log(und);

        var _null = null;//空值
        console.log(_null);

        var _nan = NaN;//无法转换成数值
        console.log(_nan);//NaN 
       

       布尔数据类型(Boolean):俩值 
       1.true  用Number数值转换 1
       2.false 用Number数值转换 0
       
      var bool = false;
      console.log(
            Number(bool)
      );
    </script>

2)引用数据类型:

1.数组类型:

Array(0)
0代表的时 数组长度

2.数组取值方式:

var arr = [1,2,3,4,5];
数值取值方式
找到相应的数组下标(数组下标的开始值 是从零开始的)
从0开始
console.log(arr[0]);// 1 
       

3.改变数组中的某个值:

var arr = [1,2,3,4,5];
赋值 arr[下标];
arr[0] = '6'
console.log(arr[0]);//6

9.Object对象数据类型:

1)对象数据类型:

var obj = {
            键名1 :键值1,
            键名2 : 键值2,
            };
键名 尽量遵循变量命名规则:
键值 可以是所有的数据类型,但是一次只能赋予这个键名一种数据类型的值
     对象里面的键名与外面相同名称的变量不冲突

 2)对像取值:

(1)使用数组下标的方式取值  obj['键名']
(2)对象后面用. 调用键名 obj.键名

3)对像赋值:

(1)obj.键名 = 要被赋予的值
(2)obj['键名'] = 要被赋予的值

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值