初识JavaScript的基础

2022-04-15 0 667
目录
  • 一、JavaScript的书写位置
  • 二、JavaScript常用的输入输出语句
    • 1.浏览器弹出警告框:
    • 2.浏览器控制台打印输出信息:
    • 3.浏览器弹出输入框,让用户可以输入:
  • 三、变量
    • 1.变量的使用:
    • 2.读取输入的值(cin>>)
    • 3.JavaScript中数值的最大最小值、无穷
    • 4.使用isNaN来判断是否为数字
    • 5.typeof检测变量数据类型
    • 6.数据类型转换
      • 6.1转换为字符串
      • 6.2转化成数字型
      • 6.3转化为布尔型
  • 四、运算符
    • 五、函数
      • 1.函数的使用:先声明函数,再调用函数
        • 2.函数的参数
          • 3.函数的返回值
            • 4.argument的使用
              • 5.函数的两种声明方法
                • 1.命名函数
                • 2.匿名函数
            • 六、作用域
              • 1.JavaScript的作用域
                • 2.变量的作用域
                  • 3.作用域链
                  • 总结

                    一、JavaScript的书写位置

                    一般分为三种:行内、内嵌、和外

                    <!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>
                        <!-- 2.内嵌式的js -->
                        <script>
                            alert('弹出')
                        </script>
                        <!-- 3.外部的js -->
                        <script src="outside.js"></script>
                    </head>
                    <body>
                        <!-- 1.行内式的js,直接写在元素内部 -->
                        <input type="button" value="button" onclick="alert('我是一个按键')">
                    </body>
                    </html>

                    二、JavaScript常用的输入输出语句

                    1.浏览器弹出警告框:

                    alert(msg)

                    2.浏览器控制台打印输出信息:

                    console.log(msg)

                    输出信息在F12中的console可以看到

                    3.浏览器弹出输入框,让用户可以输入:

                    prompt(info)

                    三、变量

                    1.变量的使用:

                    1.声明变量 2.赋值

                    js的数据变量类型在程序运行时根据等号右边的值来进行确认

                             var a;//声明变量a
                             a=1;
                             alert(a)

                    初识JavaScript的基础

                    2.读取输入的值(cin>>)

                     <script>
                            var a = prompt();
                            // a=1;
                            alert(a); 
                        </script>

                    3.JavaScript中数值的最大最小值、无穷

                    Number.MAX_VALUE Number.MIN_VALUE

                    Infinity -Infinity

                    4.使用isNaN来判断是否为数字

                    isNaN(11) 返回false 不是数字返回true

                    5.typeof检测变量数据类型

                    <script>
                        var num =10;
                        console.log(typeof num);//检测num的数据类型
                    </script>

                    6.数据类型转换

                    6.1转换为字符串

                    //1. toString()
                    var num=1;
                    alert(num.toString());
                    //2.String()强制转换
                    var num = 1;
                    alert(String(num));
                    //3.加号拼接字符串
                    var num = 1;
                    alert(num+"字符串");

                    6.2转化成数字型

                        <script>
                            // 1.parseInt 得到的是整数
                            var age = prompt("input your age");
                            console.log(parseInt(age))
                            // 2.parseFloat 得到的是浮点数
                            console.log(parseFloat(age));
                            // 3.Number()强制转换
                            console.log(Number(age));
                            // 4.利用算数运算 - * /都可以
                            console.log('12'-0);
                            console.log('12'-'10')//输出为数字型的2
                        </script>

                    6.3转化为布尔型

                    使用Boolean()函数

                    代表空、否定的值会被转换为 false ,如〝ONaNnullundefined

                    其余值都会被转换为 true

                    四、运算符

                    初识JavaScript的基础

                    运算符优先级

                    初识JavaScript的基础

                    五、函数

                    1.函数的使用:先声明函数,再调用函数

                    function 函数名(){
                            //函数体
                    }

                    2.函数的参数

                    分为形参和实参

                    3.函数的返回值

                    用return return 返回的值

                    return后面的代码不会被执行且只能返回一个值

                    4.argument的使用

                    当我们不确定有多少个参数传递的时候,可以用arguments来获取。在JavaScript中,arguments 实际上它是当前函数的一个内置对象。所有函数都内置了一个arguments 对象,arguments 对象中存储了传递的所有实参

                    function fn(){
                        console.log(argument);//里面存储了所有传递过来的实参
                        }
                    fn(1,2,3);
                     

                    浏览器中

                    初识JavaScript的基础

                    argument展示形式是一个伪数组,但是他具有数组的length的属性并且按照索引的方式存储。可是他没有数组的一些方法 如:pop push

                    5.函数的两种声明方法

                    1.命名函数

                     function fn(){
                        //函数体
                        }
                        fn();

                    2.匿名函数

                    var fun = function(){
                        //函数体
                    }
                    fun();

                    fun是变量名 不是函数名但函数表达式(匿名函数)也可以进行参数的传递

                    六、作用域

                    1.JavaScript的作用域

                    通常来说 ,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻程的局部性,增强了程序的可靠性,减少了名字冲突。

                    一般分为全局作用域和局部作用域

                    全局作用域是在整个script标签中的,局部作用域是在函数内部

                    值得注意的是,在js中是没有块级作用域的,即如果在if中声明一个变量,在外面也是可以调用的

                    if(3>5){
                        var num = 1;
                    }
                    console.log(num);

                    在浏览器中是可以进行编译不会报错的

                    2.变量的作用域

                    全局变量也是在script标签中的,如果在函数内部没有声明直接赋值的变量也属于全局变量

                    function fn(){
                        num2 =10;//全局变量
                        var num1 =1;//局部变量
                        }

                    全局变量在函数中也可以使用

                    3.作用域链

                    根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问

                    采用就近原则。

                    总结

                    本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注NICE源码的更多内容!

                    免责声明:
                    1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

                    2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
                    如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
                    如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

                    NICE源码网 JavaScript 初识JavaScript的基础 https://www.niceym.com/18480.html