JavaScript的基础语法和数据类型

这篇具有很好参考价值的文章主要介绍了JavaScript的基础语法和数据类型。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、什么是JavaScript

JavaScript是用于实现用户交互动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言

二、JavaScript的三种引入方式

1、引入.js后缀的文件,注意一般外部引入js的文件,放在body标签的后边,css文件放在head里面,中间body标签写html代码的框架

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

JavaScript的基础语法和数据类型

2、写在script标签内部,编写JavaScript代码

<script>
        var name = 'gzy';
        console.log(name);
</script>

三 、在页面编写JavaScript代码

1、在学习html中还有一种标签也可以编写JavaScript代码,那就是a标签

<a href="javascript:alert('hello world')">11111</a>

JavaScript的基础语法和数据类型

2、使用事件编写JavaScript代码  例:点击事件

  <div onclick="alert('hello world')">22222</div>
  JavaScript的基础语法和数据类型
四、JavaScript在页面输出的三种方式
 
1、alert("hello world")弹窗输出
JavaScript的基础语法和数据类型
2、document.write(“hello world”); 在页面输出,可以输出标签
JavaScript的基础语法和数据类型
3、console.log('hello world') 在控制台中打印,打印任意字符或者js的变量信息; 可以接受任何字符串、变量、数字、对象;
JavaScript的基础语法和数据类型
五、JavaScript的命名规范

  1、一定要有意义

  2、不能以数字开头

  3、第一个字符必须是一个字母、下划线或是一个美元符号$

       4、其他字符可以是字母、下划线、美元符号或是数字

  5、不能是系统的关键词

  6、推荐使用小驼峰命名法

javascript区分大小写

   变量名、函数和操作符,第一个单词小写以后每个单词首字母大写(getElementById 、aaBbCc)驼峰式命名法

   注意:不能把关键字、保留字、true、false和null用作标识符

六、注释

//  单行注释     /......../多行注释

快捷键:选中后CTRL+/

七、变量命名规则

1、第一个字符必须为字母,_或$,其后的字符还可以是数字
2、严格区分大小写,要有一定的含义
3、建议使用小驼峰规则来命名变量。redApple
4、不能使用关键词,保留字作为变量名

<script>
        var name = 'gzy';
        console.log(name);
</script>

var 的作用:声明变量,使用var声明变量会存在变量提升的问题即提前声明了变量名,但是不会把赋的值提前声明,即根据JavaScript单线程的编译方式,若提前查询变量的值

会出现变量的值

<script>
       console.log(name);
       var name = 111;
</script>

JavaScript的基础语法和数据类型

注意:

  变量名是浏览器关闭后才释放在,在没关闭之前随时使用

  重新声明的变量,不会丢失原始值,除非重新赋值

  换行是语句的结束,最好结束时都加上 “ ; ”

八、数据类型

JavaScript的数据类型分为两种:原始类型(即基本数据类型)和对象类型(即引用数据类型); js常用的基本数据类型包括

  undefined - - (未定义)、null- - (空的)、number - - (数字)、boolean- - (布尔值)、string- - (字符串)

js的引用数据类型也就是

  对象类型Object- - (对象),比如:array - - (数组)、function - - (函数)、data - - (时间)等;

九、转义字符

\ 为转义字符   

在JavaScript的书写规范中提到,如果输出的是字符串类型,我们需要用引号将其包裹起来,但是如果同时用双引号嵌套的话就会出现错误,所以转移字符在这就起到作用

例如我们想让”“在控制台显示出来,我们就可以这样

<script>
       console.log("hello\"world\"");
</script>

JavaScript的基础语法和数据类型

JavaScript的基础语法和数据类型

 十、数据类型

查询数据类型 typeof()

1、number类型

整型:1,2,3,6......整数

浮点型:1.1111.........带小数点的数

NaN 即不是一个数字类型,当在算数运算时如果 一个数字减去一个字符串就会出现这样的值,NaN所有的值都不相等

 <script>
        var a = 9;
        var b = 9 - 'a';
        console.log(b);
</script>

JavaScript的基础语法和数据类型

2、string

字符串类型,即用引号包裹起来的都是字符串类型,无论单引号还是双引号,单引号和单引号、双引号和双引号之间如果发生嵌套关系,则需要用转义字符\进行转义

在算数运算中如果一个number类型的和一个string类型相加+,则出现拼接,()+(),+的任意一边出现引号则进行拼接

3、Boolean

布尔类型:只有两个值   true和false

通常在逻辑判断里面使用,这两个值严格区分大小写

4、undefined

未被定义的,使用了一个不存在的对象的属性时

5、null

空值,一般用来占位

6、Array(数组)

创建数组的三种方法

方法一:var 数组名=new Array(); 方法二:var cars=new Array("Audi","BMW","BYD"); 方法三:var cars=["Audi","BMW","BYD"];

多维数组,即为嵌套数组,例如

 var city = [
            ['erqiqu','zhongyuanqu','hangkgang'],
            ['wolongqu','wanchecngqu','gaoxinqu'],
            ['laocehngquy','wangchengqu']
        ];
console.log(city[1][0]);

JavaScript的基础语法和数据类型

下标,可以叫键 计算机计数是从0开始计算,所以当你想查询里面的某一个值时需要在数组名字后面加上[ 下标 ]

十一、object

面向过程:按照时间的发生顺序,从上往下依次执行

对象:指挥对象做某件事情

对象:     属性:本身所拥有的特性     方式:能做的事情

对象: { },使用{ }包括起来的都是对象 [ ], 使用[ ]包括起来的都是数组

创建对象: 方法一:var 对象名称 = new Object(); 方法二:var 对象名称 = {'键':‘值’,'键':‘值,'键':‘值,'键':‘值};

十二、JavaScript的严格模式

 "use strict"
 x = 1024
onsole.log(x);

我们知道,在js中要想赋值给一个变量,首先需要用var声明,但是在js的编译过程中,也可以不需要声明就可以赋值,但是当使用严格模式时就必须声明变量,否则出现报错

 文章来源地址https://www.toymoban.com/news/detail-711096.html

到了这里,关于JavaScript的基础语法和数据类型的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • python基础语法(print、数据类型、变量、注释、输入、条件语句)

    计算机中所有的数据本质上都是用0和1的组合来存储的。编码就相当于密码本,在计算机中有多个密码本:utf-8编码、gbk编码等 注意事项:在计算机中若以某个编码形式进行保存文件,以后也要以这种编码形式去打开这个文件,否则就会出现乱码。 编码必须要保持:保存和打

    2024年02月05日
    浏览(58)
  • 〔002〕Java 基础之语法、数据类型、进制转换、运算符

    注释: 是写在程序中对代码进行解释说明的文字,方便自己和其他人查看,以便理解程序的 注释分为 单行注释 和 多行注释 ,注释的内容并不会被编译,所以 不会影响 代码的运行 单行注释通过 // 进行标注,只能注释一行 多行注释通过 /* 注释内容 */ 进行标注,可以注释多

    2024年02月05日
    浏览(79)
  • 初识Java篇(JavaSE基础语法)(1)(数据类型+运算符)

     个人主页(找往期文章包括但不限于本期文章中不懂的知识点): 我要学编程(ಥ_ಥ)-CSDN博客 目录 前言:  初识Java  运行Java程序 注释 标识符 数据类型与变量  字面常量 数据类型 变量 类型转换  类型提升  字符串类型  运算符 算术运算符  关系运算符  逻辑运

    2024年03月24日
    浏览(51)
  • 【ChatGPT辅助学Rust | 基础系列 | 基础语法】变量,数据类型,运算符,控制流

    本章节将详细介绍Rust的基础语法,包括变量,数据类型,运算符,以及控制流。每个部分都将提供详细的解释和代码示例,以便于理解和学习。 在编程语言中,变量是一种基本的概念,它们是用来存储数据的。在Rust中,变量的特性和其他语言有所不同。 在Rust中,变量的定

    2024年02月14日
    浏览(88)
  • 01 java 学习 数据类型、基础语法、封装、继承、多态、接口、泛型、异常等

    目录 环境搭建和基础知识  什么是JRE: 什么是JDK: 基础数据类型  分支选择if else switch和c一毛一样 for和while循环还有数组基本和c一样 封装 函数调用、传参、命名规范、数组新命名规范 java输入Scanner scanner = new Scanner(System.in); 类的创建和使用以及封装修饰符  构造方法:含义、

    2024年02月11日
    浏览(42)
  • javaSE___语法基础(关键字、标识符、数据类型、字符、字符串、运算符)

    一、的概述和使用 A:什么是 被Java语言赋予特定含义的单词 B:的特点 组成的字母全部小写 C:常见 public static void class等 D:的注意事项 goto和const作为保留字存在,目前并不使用,类似Editplus这样的高级记事本,针对有特殊的颜色标记,非

    2024年02月09日
    浏览(47)
  • Java基础:数据类型会考什么?

    本文列举一些关于Java基础的数据类型相关考点,方便以后复习查看 Java 中的哪几种基本数据类型了解么?它们的默认值和占用空间大小知道不? 说说这八种数据类型对应的包装类型 基本类型和包装类型的区别? int 和 Integer 的区别 为什么要有包装类型 ?  包装类型的缓存机制了

    2023年04月18日
    浏览(31)
  • [Python物联网]Python基础知识和语法--变量和数据类型--Python快速上手开发物联网上位机程序

    目录 一、前言 二、Python变量 三、Python数据类型         1.数值类型         2.字符串类型         3.列表类型         4.元组类型         5.字典类型         6.数据类型转换         当你开始学习Python编程语言时,第一步就是了解 变量和数据类型 。变量是存储

    2024年02月04日
    浏览(58)
  • JavaScript基础——1.js基础语法

    js全称JavaScript,是一种轻量级的面向对象的 编程语言 ,既能用在浏览器中控制页面交互,也能用在服务器端作为网站后台(借助 Node.js),因此 JavaScript 是一种全栈式的编程语言。 JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页,其中: HTML 用来定义网页的内容,例如标

    2024年04月28日
    浏览(36)
  • JavaScript的基础语法学习

    let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量,一旦声明,常量的值就不能改变。 在 ES6 之前,JavaScript 只有两种作用域: 全局变量 与 函数内的局部变量。 全局变量 在函数外声明的变量作用域是全局的: 全局变量在 JavaScript 程序的任何地方都

    2023年04月21日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包