JavaScript语法知识笔记(一)——书写方式，输入出语句，变量，字面量，标识符，数据类型。

本文链接：https://blog.csdn.net/WZY22502701/article/details/127599658

01.JS的三种书写方式

<!-- 2.内嵌式的js -->
    <script>
        // alert('sajmo');
    </script>

    <!-- 3.外部js script  双标签 -->

    <script src="script.js"></script>

   <!-- JS代码需要写到script标签中 -->

    <script type="text/javascript">
        /*
        *控制浏览器弹出一个警告框
         alert("这是我的一一行代码");
        */
       /*
       让计算机在页面中输出一个内容
       document.write("");可以向body中输出一个内容
       */
    //   document.write("看我出不出来");
        // 向控制台输出一个内容
        // console.log("你猜我在哪里出来");

        console.log("你猜我在哪里出来");
        alert("这是我的一一行代码");
        document.write("看我出不出来");

    </script>

02.输入出语句

    <script>
        /*
        alert(msg)  浏览器弹出警示框
        console.log(msg)  浏览器控制台答应输出信息
        prompt(info)浏览器弹出输入框用户可以输入 
        */
       //设置一个输入框
       prompt('q请输入你的年玲');
        //    alert  弹出警示框  输出的 展示给用户的
        alert('计算结果是');
        // console.log 控制台输出 给程序员看到
        console.log('我是程序员能看到的');

       
    </script>

03.变量

    <script>
        var myname = '旗木卡卡西';
        var address = '火影村';
        var age = 30;
        var email = 'kakxi@.cnm';
        var gz = 2000;
        console.log(myname);
        console.log(address);
        console.log(age);
        console.log(email);
        console.log(gz);

        //1.用户输入姓名  存储到 myname 的变量里面
        var myname = prompt('请输入您的名字');
        //2.输入这个用户名
        alert(myname);

        
    </script>

    <script>

        /*
        多行注释
        JS注释
        多行注释，注释中的内容不会被执行，但是可以在源码中查看
        */
       
    </script>

输出样式

字面量都是一些不可改变的值

比如：1 2 3 4 5

字面量可以直接使用但是一般不直接使用.

变量变量可以用来保存字面量，而且变量的值是可以任意改变的

变量更加方便我们的使用所以在开发中都是通过变量

去保存一个字面量而很少直接使用字面量

x=12313123123123143534

<script>

        //  声明变量
        // 在js中使用var 关键字来声明一个变量
        // var a;

        //为变量赋值
        // a=123

        // 声明和赋值同时进行
		

        // alert(12121312312312312);
		var b = 456789;
        console.log(a);

        var age = 80;
        console.log(age);

     </script>

04.标识符

标识符

在JS中所有的可以由我们自主命名都可以成为标识符

例如变量名函数名属性名都属于标识符

命名一个标识符是需要遵守以下规则的

1.标识符中可以含有字母数字下划线 $

2.标识符不能以数字开头

3.标识符不能是ES中的关键字和保留字

4.标识符一般都采用驼峰命名法

-首字母小写每个单词的开头字母大写，其余字母小写

helloWorld xxxYyyZzz

JS底层保存标识符实际上采用的Unicode编码

所以理论上讲，所有的utf-8中含有的内容都可以作为标识符

05.变量命名规范

 <script>
        var app = 10 ;
        var APP = 100;
        console.log(app);
        console.log(APP);
        //var 18 age ;错误书写
        // var var; 因为var有特殊意义，这个叫做关键字 不能作为变量名for while if
        // name 我们尽量不要直接使用name 作为变量名
        // console.log(tel);
        console.log(name);
    </script>

例题：交换两个变量的值

<script>
        var temp;//声明一个临时变量为空
        var apple1 = '青苹果';
        var apple2 = '红苹果';
        temp = apple1;
        apple1 = apple2;
        apple2 = temp;
        
        console.log(apple1);
        console.log(apple2);
    </script>

06.数据类型简介

在js当中一共有六个数据类型

String 字符串

Number 数值

Boolean 布尔值

Null 空值

UNderfined 未定义

Object 对象

其中string number null undefined 属于基本数值类类型

而Object属于引用数据类型

string 字符串

在js中字符串需要使用引号引起来

使用双引号或者单引号都可以，但是不要混着用

引号不能嵌套，双不能放双，单不能放单

单引号中放双引号可以的

var num = 10; //num 属于数字型
        //js 的变量数据类型时是只有程序在运行过程中，根据等号右边的值来确定
        var str = 'pink';//str 字符串型 
        //js是动态语言 变量的数据是可以变化的

        var x = 10 ; //x是数字型
        x = 'pink' ; //x字符串型


        //数字型
        var num = 0; //num 数字型
        var  PI = 3.14//pi数字型
            //1.八进制0-7我们程序员里面加0 表示八进制
        var num1 = 010;

        console.log(num1);//
        
            //2.数字型的最大值
            console.log(Number.MAX_VALUE);
            //3.数字型的最小值
            console.log(Number.MIN_VALUE);
            //4.infinity 代表无穷大
            console.log(Number.MAX_VALUE * 2);
            //5.-infinity 代表无穷小
            console.log(-Number.MIN_VALUE * 2);
            //6.非数字
            console.log('pink老师' -100);  //NaN

其中注意！

//isNaN()这个方法用来判断非数字  并且返回一个值 
        //如果是数字返回的是false 如果不是数字返回的是true

        console.log(isNaN(12));//false

 //字符串型 string
        // 语法为双引号 和单引号
            //嵌套的类型可以是 外双内单  外单内双
        var str = '我是一个"高富帅"的程序员';
        console.log(str);
        //字符串转义字符都是 \n  开头 但是这些转义字符得写到引号里面
        var str1 =  "我是一个'高富帅'的\n程序员";
        console.log(str1);
    //  \\表示斜杠\  \' 单引号  \t tab 缩进   \b 空格 \"双引号

07.字符串的拼接

    <script>
        //1.检测获取字符串的长度 length
        var str = 'my name is andy';
        console.log(str.length); //15

        //2.字符串的拼接 字符串+任何类型=拼接之后新的字符串 类型
        console.log('沙漠'+'骆驼');//字符串 沙漠骆驼
        console.log('燕子' + 18 +'岁'); 
        console.log('pink'+ true );
        console.log( 12 + 12 );//24
        console.log(' 12 ' + 12 );//1212

        //口诀 数值相加 字符相连
        str = "\\\\\\";

        //表示字面量字符串str
        alert("str");
        //输出变量str
        alert(str);

        var age = 18 ;

        //我们变量不要写到字符串里面 是通过和 字符串 相连的方式实现的
        console.log('pink老师' + age + '岁');

        //变量和字符串相连的口诀   引引加加
        console.log('pink老师岁');


            //案例讲解
            var age = prompt('请输入您的年龄');
            var str = '您今年已经' + age+ '岁了';
            alert(str);

        //布尔型

        var flag = true;  //flag 布尔型
        
        var flag1 = false;  //flag1 布尔型
        console.log(flag + 1);  // ture 参与加法运算当 1 来看
        console.log(flag1 + 1);  // false 参与加法运算当 0 来看
        //如果一个变量声明未附值 就是 undefined  未定义数据类型
        var str;
        console.log(str); //undefined
        var variable = undefined;
        console.log(variable + 'pink'); //undefinedpink

        console.log(variable + 1);//NaN undefined 和数字相加 最后的结果是NaN
        //null 空值
        //null 这个值专门用来表示一个为空的对象
        //使用typeof检查一个null值时，会返回objkect
        var space = null;
        console.log(space + 'pink' );//nullpink
        console.log(space + 1);//



        var str2 = "hello";

        str2 = "你好";

        str2 = 3;

        alert("hello,你好");

        console.log("我就是不出来");
        
        </script>

效果如下