欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

javascript基础

程序员文章站 2024-01-30 11:24:16
...

javascript(JS)

什么是javascript呢

一款运行再浏览器的脚本编程语言
(服务器运行的javascript称为 nodeJS)

javascript 有什么用?

主要是嵌入在网页中和用户进行交互(DOM文档,BOM浏览器操作,事件,ajax)

javascript 写在哪儿?

  • script 标签内
  • .js 文件内-通过src属性引入
  • html标签事件属性内
  • 写在a标签的href属性内

javascript的注释

  • 单行注释 //
  • 多行注释 /* 注释内容 */
    多行注释不能嵌套

作用

  1. 方便我们阅读沟通(其他同事去理解代码)
  2. 临时移除一部分的代码(注释过的代码js解析的时候会忽略)

JS中如何输出

1. 通过console.log("需要输出的内容")
2. document.write("要输出到页面中")
3. 通过alert("警告内容")

JS最佳实践

  1. js代码是从上至下逐行执行
  2. 每行代码的结尾应该有个分号;
  3. js 中的标点符号都是英文的标点符号

变量

存储数据的一个容器

为什么要使用变量

  • 简化操作
  • 灵活程序

变量命名的规则

  • 必须是 字母 数组 _ $ 组成
  • 不能一数字开头
  • 不能是javascript的关键字 (var)

推荐的规则

  1. 尽量用英文(拼音也可以)
  2. 命令要有意义 c1 c2 c3 (通过名大概就要知道变量值是什么)
  3. 可以采用驼峰写法,下划线写法 bestNumber best_number (尽量统一)

变量声明的方法

  1. 声明即赋值
var num = 100;
  1. 先声明后赋值
var num;
num = 100;
  1. 声明多个用逗号隔开;
var name = 'mumu',age = 18;
var name,age;
name = 'mumu';
age = 18;

数据的类型

  • 值类型:数值Number 字符串String 布尔Boolean 未定义 undefined
  • 引用类型:对象 Object 数组Array 函数 function null 空

不同的数据类表现形式

数值 Number

  • 整数 var age = 18
  • 小数 var money = 108.08
  • 负数 var degree = -2

字符串 String

  • 用单引号'或者"包裹
var str = "Davie";
var name = 'Defu';
// 单引号里面可以嵌入双引号 ,双引号里面可以嵌入单引号 

转义字符串
表达一些特殊的符号

单引号 \'
双引号 \"
换行   \n

布尔值 Boolean

  • 表示对或者错
  • 只有两个取值 truefalse

未定义 undefined

  • 变量声明没有赋值

赋值运算符号 =

数学运算符号

加 +
减 -
乘 *
除 /
余数 %
优先()
先乘除后加减 有括号的先算括号内容

累计运算
+= 累加
-= 累减
*= 累乘
/= 累除

第增运算符号
++ 累加1
– 累减1

比较运算符(true 或者 false)

  1. 比大小(数值Number)
> 大于
< 小于
>= 大于等于
<= 小于等于
  1. 是否相等(任意类型可以比较)
== 值相等
=== 严格等于(值和类型都需要相等)

字符串运算符号

+ 字符串连接符号
+= 字符串累计连接

当字符串与其他类型的数据连接时候 会把其他类型的数据自动转换为字符串

var a = 100;
var b = "10";
alert(a + b); // "10010"

如何把字符串转换为数字

praseInt(字符串) 把字符串转换整数
praseFloat(字符串) 把字符串转换为小数
*=1  把字符串强制转换为数字
如果转换不成功则 结果为 NaN (not a number)

逻辑运算符号

&& 逻辑且
|| 逻辑或
!  逻辑非

逻辑运算符号 与赋值运算;

var a = false || 10;  // a 的值为10

falsely变量
通过两次转!! 值为false 变量为falsely变量

  • 空字符串
  • 数字0
  • false
  • undefined
  • null
    其他都为truly变量
相关标签: 知识点 js