JavaScript的认识及基础语法--变量，函数

最新推荐文章于 2024-08-18 10:54:05 发布

Null_Robot

最新推荐文章于 2024-08-18 10:54:05 发布

阅读量150

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Null_Robot/article/details/107081288

版权

JavaScript的认识及基础语法–变量，函数

JAVAscript

特点：

1.轻量

2.可插入HTML页面编程代码

3.插入HTML后，可用所有浏览器执行

javascript又叫ECMAscript5 ECMAscript6 ECMAscript7

es5 es6 es7

js是一个编程语言 web 页面上

JS嵌入网页的方式

1.内嵌（在head或者body里面内嵌都是可以的，要注意代码是否会报错）

2.外部引入（引入外部文件在head或者body）

JS的注释

单行注释：//

块注释：

JS语法严格区分大小写

JS语法–变量

js字面变量分为变量和常量

1.变量是存放可变化值的量

2.常量是存放不可变化的值 3.14

js定义字面量

关键字 var这个关键字可以定义任意类型的变量

定义规则：var 名称=值

命名规则（驼峰帕斯卡）

js里面var声明变量可以存储任何类型的值

number（null）

```javascript
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js的基础语法-变量</title>
    <script>
/*         js里面的数据类型 分为两种类型

1值类型 --存储在栈里面 使用空间固定 num bllearn string underfined null 检测值类型 typeof

2引用类型--储存在堆里面 使用空间不固定 使用指针来引用 复制该元素复制的引用类型指针

object array（数组） tunticon 检测引用类型 
undefined 表示变量没有值

null 空值

js里面定义变量可以不写关键字

js里面的变量有作用域区分

1.全局变量

2.局部变量

3.根据代码块来区分作用域

这些概念属于相对理论 在代码块的外部叫全局（直属windo）内部的叫局部

全局变量在任何地方都可以使用

局部变量只能在当前作用域内部使用

使用var定义的变量不可删除

不使用var 声明的变量可以删除

 */
        var name = 'mark';
        console.log(name);
        var num = 1;
        var null1 = null;
        var not = undefined;
        var obj = {};
        console.log(typeof not);

        var method = function (){}
        console.log(typeof method);
        console.log(method instanceof Function);

        var m1 = '10';
        var m2 = "abc";
        console.log(Object.getOwnPropertyDescriptor(window, "m1"));
        console.log(Object.getOwnPropertyDescriptor(window, "m2"));

        // delete m1;
        // delete m2;
        // console.log(m1,m2);

        // var all = "www";
        // function method1(){
        //     console.log(all);
        // }
        // function method2(){
        //     console.log(all);
        // }
        // method1();
        // method2();

        //js里面声明提前的问题
        console.log(number);
        var number = 100;
        // console.log(number);

    </script>
</head>
<body>
    
</body>
</html>

JavaScript的函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
/*         函数

函数是引用类型

函数是由事件去当或者倍调用执行的 重复 代码块

关键字： funtion

定义规则： function 名称（）{}
函数也存在声明提前
 */
console.log(fun instanceof Function);
function fun(){
    /* 
    函数体内部写的是可执行代码
    */
   console.log("该函数被执行");
}
//执行函数，函数名称（）
    fun();

///匿名函数--没有名称的函数
// 匿名函数是没有声明提前的
console.log(fun1);
var fun1 = function (){
    console.log("匿名函数执行")
}
    fun1();

//自执行函数，也就是匿名函数
(function (){
    console.log("自执行函数运行");
})();

//函数的参数问题
//参数分为形参 实参（传入的值）

//函数的形参是名称，隔开 参数的个数没有固定
function params(a,b,c){
    console.log(a,b,c);
}
params(1,"ab",true);

//匿名函数传参
var params1 = function (a,b,c,d){
    console.log(a,b,c,d);
}
params1(10,"bas","dsd");

//自执行函数传参
(function (a,b,c,d){
    console.log(a,b,c,d);
}
)
(1,2,3,4)

//函数无形参列表，传递实参
//参数列表对象 argument
//argument 集合类型 也是数组型 key:value 也叫索引

function par(){
    console.log(arguments[0]);
    console.log(arguments[1]);
    console.log(arguments[2]);
    console.log(arguments[3]);
}
par(1,2,3,4);
let par1 = function(){
    console.log(arguments[0]);
}
par1("abcdef");

(function(){
    console.log(arguments[0]);
    console.log(arguments[1]);
})(1,2);

//带返回值函数
//函数体内部带return 值（任意类型）
function getname(){
    /* 
    执行代码
    */
   return "张三";
}
console.log(getname());

let getsex = function (){
    /* 
    执行代码
    */
   return "男";
}
    console.log(getsex());

let age = (function(){
    /* 
    可执行代码
    */
   return 18;
})();
console.log(age);

//函数带参数列表+返回值

//变量的生命周期
//全局变量生命周期 从定义开始 --当前网页关闭之后结束
//局部变量的声明周期 从定义开始--当前函数执行完成结束

//变量的声明同名的问题
var data = 10;
function getdata(){
    console.log(data);//考虑声明提前
    var data = 20;
    console.log(data);
}
getdata();

    </script>
</head>
<body>
    
</body>
</html>

Null_Robot

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的认识及基础语法--变量，函数

JavaScript的认识及基础语法–变量，函数JAVAscript特点：1.轻量2.可插入HTML页面编程代码3.插入HTML后，可用所有浏览器执行javascript又叫ECMAscript5 ECMAscript6 ECMAscript7es5 es6 es7js是一个编程语言 web 页面上JS嵌入网页的方式1.内嵌（在head或者body里面内嵌都是可以的，要注意代码是否会报错）2.外部引入（引入外部文件在head或者body）JS的注释单行注释：//块注释：
复制链接

扫一扫