首页 > 编程语言 >JavaScript基础01

JavaScript基础01

时间:2023-07-31 20:47:56浏览次数:33  
标签:01 变量 布尔值 基础 JavaScript 数据类型 数值 加法 字符串

javaScript

作用

1.嵌入动态文本于HTML页面。 2.对浏览器事件做出响应。 3.读写HTML元素。 4.在数据被提交到服务器之前验证数据。 5.检测访客的浏览器信息。 控制cookies,包括创建和修改等。 6.基于Node.js技术进行服务器端编程。

js主要的内容

  1. ECMAScript语法

  • 变量

  • 数据类型

  • 运算符

  • 分支语句

  • 循环语句

  • 数组

  • 函数

  • 对象

  1. BOM 浏览器对象模型

  2. DOM 文档对象模型

js的引入方式

  1. 内联

  2. 外链

  3. 行内

输出语句

  1. console.log(内容) 在f12的console选项中打印指定文本

  2. alert(内容) 弹窗

  3. document.write(内容) body中输出

变量

创建变量

var 变量名;

变量赋值

变量名 = 值;

变量初始化,在变量声明的同时直接赋值

var 变量 = 值;

变量命名规则
  1. 建议使用大小写英文,阿拉伯数字,美元符号$,下划线_来组成变量,使用有语义化的单词,不要养成用拼音的习惯

  2. 建议使用小驼峰命名法

  3. 不能使用数字开头

  4. 区分大小写

  5. 不能使用关键字,保留字

  6. lIi1oO0 这些字符如果要用可以出现在单词中

使用变量

数据类型

  1. 基础数据类型(简单数据类型、值类型)

  • string 字符串

  • number 数值, 特殊数值类型 NaN, not a number代表非数字

  • boolean 布尔值

  • undefined 未定义

  • null 空值

  1. 引用数据类型(复杂数据类型)

  • function 函数

  • array 数组

  • object 对象

检测数据类型

语法: typeof 变量; // 可以获取到变量中值的数据类型

输入语句

  1. prompt(提示文本) 弹窗,用户输入

  2. confirm(提示文本) 弹窗,用户“确认”或者“取消”

强制类型转换

1.转字符串 - String(变量/值),可以将方法中传进来的值/变量中的值强制转成字符串,并且不会改变原值/变量 2.转数值 - parseInt(),取有效整数,不会改变原值 - parseFloat(),取有效浮点数,不会改变原值 - Number(),推荐使用;不会改变原值;最严谨的:必须是纯数值字符串才能使用; 特殊的地方:Number方法转布尔值false,空字符串和null得到0,转布尔值true得到1

3.转布尔值 - Boolean(变量/值), 只有以下几个值转布尔值是false: ''空字符串,数字0,NaN,undefined,null,布尔值false

运算符

算术运算符 + - * / %
  1. 加法运算

    • 实现算术加法运算,如果参与加法运算两边的值都是数值类型,那么加法运算符+是做算术加法运算

    • 实现字符串拼接,只要是参与运算的值一边不是数值,那么就会进行字符串拼接

隐式类型转换

  1. 加法中,参与运算的有一个值是数值,另一个值不是数值,那么就会将数值隐式转换成字符串,然后进行字符串拼接

标签:01,变量,布尔值,基础,JavaScript,数据类型,数值,加法,字符串
From: https://www.cnblogs.com/xuxiang946210/p/17594414.html

相关文章

  • 题型介绍与计算机基础
    CSP-J1题型均为选择题,满分100分,时长2小时。单项选择题概念题数学(如排列组合)阅读程序求输出阅读程序题是否正常运行输入->输出(特征)输出->输入(特征)程序的变量变化情况(循环执行次数)求解代码时间复杂度完善程序题代码类型的完形填空计算机的基础概......
  • Java基础2
    面向对象基础面向过程把解决问题的过程拆成一个个方法,通过一个个方法的执行解决问题。面向对象会先抽象出对象,然后用对象执行方法的方式解决问题。对象实体与对象引用new运算符,new创建对象实例(对象实例在内存中),对象引用指向对象实例(对象引用存放在栈内存中)。关于相等......
  • Java基础1
    基础概念Java特点面向对象:继承,封装(把数据和操作数据的方法捆绑在一起,比如setName和getName),多态(多态是指一个引用变量到底会调用哪个类的方法,由具体的类型决定。一个变量如果声明为父类的类型,但实际引用的是子类的对象,那么该变量可以调用父类的所有方法,也可以调用子类重写父类的......
  • P4017 最大食物链计数
    P4017最大食物链计数初中生物都忘了,食物链不知道从生产者还是消费者开始了题目给出有向无环图,从入度为零的点(不保证唯一)开始,走到出度为零的点(不保证唯一)共有多少条路径,答案对80112002取模保证:道路单向无重边(A吃B就没有B吃A,也不会自己吃自己)图中无环(不会有A吃B,B吃C,C吃A)思路......
  • Python基础day56 Django URL分组设置
    URL函数的使用(支持正则表达式)#django1中使用的是urlurl('test',views.test),url函数的第一个参数是支持正则表达式的如果匹配到一个路由,就不在往下匹配,直接执行路由对应的视图函数#http://127.0.0.1:8000/test/是django默认设置的,django会先拿着test去匹配,如果匹配不......
  • 《面试1v1》ElasticSearch基础
    我是javapub,一名Markdown程序员从......
  • linux 3网络基础 tcp状态和多路IO
    1.tcp状态概念图![tcp状态](I:\网络基础3day\tcp状态.png)简化图![tcp状态简化图](I:\网络基础3day\tcp状态简化图.png)简化图未考虑特殊情况netstat命令(了解)2.半关闭状态半关闭主动方不可以在应用层发送数据,但是可以读数据FINWAIT2阶段![半关闭](I:\网络基础3......
  • linux 4 网络基础 POLL EPOLL epoll堆 线程池 udp 本地套接字
    Linux5day1.poll监听poll相对与sellect的优缺点优点:没有文件描述符1024的限制请求和返回是分离的如:selectread集合返回read集合缺点和select一样:每次都需要将需要监听的文件描述符从应用层拷贝到内核每次都需要将数组中的元素遍历一遍才知道那个变化了大量并发,少......
  • ruby web 实战(9)-vue 3基础(2)
    目录定位到导入的vue定位到导入的vue使用导入映射表(ImportMaps)来告诉浏览器如何定位到导入的vue:<!doctypehtml><htmllang="zh"><head><metacharset="utf-8"><title>world</title></head><body><scriptt......
  • HTML 快速301到其他页面
    要实现HTML页面以最快速度执行301跳转到其他页面,您可以在`<head>`部分使用`http-equiv`属性与`refresh`实现。以下是一个示例HTML文件,该文件会立即执行301永久重定向到指定URL:```html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv=&qu......