欢迎来到javascript的入门世界！

最新推荐文章于 2022-05-30 17:48:52 发布

東耳哟。

最新推荐文章于 2022-05-30 17:48:52 发布

阅读量506

点赞数 1

文章标签： js 前端

本文链接：https://blog.csdn.net/weixin_44200575/article/details/99614539

版权

Javascript入门

欢迎来到Javascript的世界

欢迎来到Javascript的世界

我对Javascript进行了一些基础总结，下面是今日份的知识点：

js基本样式
js语法规则
常见输出语句
注释
常量和变量
数据类型
变量的扩展

js基本样式

javascript是使用双标签进行定义和使用的；
js可以出现在页面中的任何位置，一般放在紧贴需要的地方，可以出现多个，也可以只出现一个。

js语法规则

1.在js中不区分换行，空格，缩进符。
2.语句;一条语句后必须加分号，代表一个结束符，每一个语句都是一条命令。
3.js严格区分大小写，大小写不同，所对应的常量或变量名称也是不同的。
4.字符都是英文半角的（第二条的语句后的分号必须是英文的分号），而代码自上向下执行，若上方代码错误，下方的代码就不会继续执行。
5.小提醒：如果想要去除谷歌浏览器中翻译此页面的弹出框，只需要将

<html lang="en">

改为

<html lang="zn">

常见输出语句

1.警告框
alert（‘字符串’）; alert(常量) ; alert(“字符串”);
注意：在js中单引号与双引号使用效果一样，但是都需要使用英文半角的哦！
2.在文档中输出
document.write( );
3.在控制台输出
console.log(’ ‘);//日志字体为黑色
console.warn(’ ‘);//警告有黄色底色
console.error(’ ‘);//输出错误有红色底色
console.info(’ ');//输出信息字体为黑色但是和日志不同哦
4.输入框
prompt( );
5.确认框
confirm( );

下面是参考代码：

    <script>
        alert('字符串也就是啊啊啊啊啊啊啊啊啊');
        //警告框 单行注释   //里边还可以嵌套单行注释
        alert(123);
        //常量 单行注释 里边还可以嵌套
        /*
                多行注释
         */
        document.write('噼里啪啦');//在文档中输出
        /*
        多行注释
        //里可以嵌套单行注释
        */
        //在控制台输出
       console.log('啊啊啊啊啊？？？？？');
       console.warn('你要干啥？？');
       console.error('现在给我关上！！！！');
       console.info('马上关掉');
       //输入框
       prompt('输个东西试试，有惊喜！');
       //确认框
       confirm('删不删除');
    </script>

注释

1.单行注释 //
2.多行（文档）注释 /**/
3.注释的嵌套规则
（1）行注释可以嵌套行注释
（2）行注释可以嵌套文档注释
（3）文档注释中可以嵌套行注释

//在常见输出语句的参考代码中有示例哦//

常量和变量

1.常量：又被称为字面量（又称直接量），是可以在程序中直接使用的量
常见的字面量有：
字符串：被’ '和" "包裹住的
数值：数字，例如：1，2，1.1，1.2，-1.2，-111…
其他字面量：true false /p/

2.变量：即变化的量，在计算机中使用一些符号，用来存储数据；
（1）变量的定义
var 变量名；关键字
（2）变量的赋值：变量名=值；

3.变量的取值；
变量名。

4.变量的命名规则：
（1）必须以字母或_或$开头；
（2）变量名可以由字母，下划线，数字和 $组成；
（3）变量名不可以使用关键字（系统定义的由特殊意义的字符）和保留字；
（4）区分大小写；
（5）规范：
变量必须先定义再使用；
若变量由多个单词组成，遵循驼峰命名法，即从第二个单词开始首字母大写
例如： var stuScore=100;

参考代码又来喽！！

<script>
    //常量
    alert('字符串');
    alert(1.123);
    //变量
    //变量的定义
    var num;
    //变量的赋值
    num=100;
    //变量的取值
    console.log(num);
    //变量的命名
    var $abc;
    var $1;
    var $;
    var abc;
    var _aaa;
    //变量的命名规范
    var stuScore=300;
    console.log(stuScore);
    </script>

数据类型

1.基本（原始）数据类型
string 字符串数据类型
number 数值类型（数字）
boolean 布尔类型（ture为真 false为假）
null 空
undefined 未定义
2.引用类型
内置5种（对象）
Object
Array
Date
Function
RegExp
3.数据类型的检测
typeof

参考代码如下：（结果写在注释里）

    <script>

//定义字符串类型
var a='hello';
console.log(typeof a);//string

var b=123;
console.log(typeof b);//number

var c=true;
console.log(typeof c);//boolean

var d='123';
console.log(typeof d);//string

var e='true';
console.log(typeof e);//string

var f=null;
console.log(typeof f);//Object


var abb;
console.log(abb);//undefind

var a1=10;
var b1=typeof a1;
console.log(a);//10
console.log(b);//'number'

var a2=10;
var b2=typeof a2;
console.log(b2);//'boolean'

console.log(typeof typeof 100);//typeof 'number'//string

var a3;
console.log(typeof a3);//unifined
a3=10;
var b3=typeof a3;
console.log(typeof a3);//number
console.log(a3);//10


    </script>

变量的扩展

1.先定义变量，再赋值；
2.定义变量的同时即初始化；
3.同时定义多个变量；
4.js中变量允许重复赋值；
5.定义变量意在内存中开辟了一块空间（变量的内存是独立的空间，变量的赋值传递的是值）；
6.变量未定义，直接输出error;
7.变量未定义，也可以赋值，不推荐使用，污染变量的作用域，不会报错；
8.变量提升：预编译时会把所有var定义内容先执行。

参考代码:

    <script>
        //先定义变量，再赋值
        var a;
        var b;
        var c;
        a = 1;
        b = 2;
        c = 3;
        console.log(a, b, c)

        //定义变量的同时即初始化
        var a = '你';
        var b = '瞅';
        var c = '啥';
        document.write(a, b, c);

        //同时定义多个变量
        var a, b, c, d;
        a = '瞅';
        b = '你';
        c = '咋';
        d = '的';
        console.log(a, b, c, d);



        //同时定义多个变量并赋值
        var a = '瞅', b = '你', c = '咋', d = '的';
        console.log(a, b, c, d);


        //js中变量允许重复赋值
        var a = 100;
        console.log(a);
        a = 200;
        console.log(a);


        //定义变量，意在内存中开辟了一块空间
        var a = 5;
        var b = a;
        var c = b;
        console.log(a, b, c);
        c = 100;
        console.log(a, b, c);




        var a = 5;
        var b = a;
        var c = b;
        console.log(a, b, c);
        c = 100;
        console.log(a, b, c);
        b = 500;
        console.log(a, b, c);



    </script>

<script>
        var num;
        console.log(num);



        a=10;
        console.log(a);




        b=10;
        var b;
        console.log(b);




        console.log(c);
        c=100;
        console.log(c);
        var c;
        console.log(c);

        
        
        
        
        </script>

JavaScript是一种弱类型语言，JavaScript中的变量在定义时没有类型，变量的类型取决于变量中保存的内容。

東耳哟。

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
欢迎来到javascript的入门世界！

Javascript入门欢迎来到Javascript的世界js基本样式js语法规则常见输出语句下面是参考代码：注释常量和变量参考代码又来喽！！数据类型参考代码如下：（结果写在注释里）变量的扩展参考代码:欢迎来到Javascript的世界我对Javascript进行了一些基础总结，下面是今日份的知识点：js基本样式js语法规则常见输出语句注释常量和变量数据类型变量的扩展js基...
复制链接

扫一扫