首页 > web前端 > js教程 > JavaScript 基础知识 1

JavaScript 基础知识 1

Susan Sarandon
发布: 2025-01-09 06:59:42
原创
864 人浏览过

Basics of JavaScript 1

** JavaScript 基础知识**

JavaScript 的正式名称是 ECMAScript。

JavaScript → 编程语言(Sun 持有的商标,现为 Oracle)

ECMAScript → 语言规范使用的名称。 JavaScript 是在浏览器和 Node.js 等环境中运行的实际实现的名称

语句与表达式
语句执行操作。程序是一系列语句。例如。 var x;

表达式产生一个结果值。它们可以是函数参数、分配给变量等。 5*7

if-else 作为语句:

var a;
if (b > 0) {
    a = 0;
}
else {
    b = 10;
}
登录后复制
登录后复制

作为表达式:

var a = b > 0 ? 0 : 10;
登录后复制
登录后复制

后者(三元运算符)可以用作函数参数,因为它总是产生一个值,而前者(传统的 if-else)则不会。

表达式语句:在需要语句的地方使用的表达式。将计算表达式,但结果将被省略。当目的是为了完成其他事情而不是获得价值时使用。

例如

var x = 10;

function f(){
    x = 20;
    return x;
}

f(); // standalone statement
登录后复制
登录后复制

解释:记住一件事,函数调用始终是 JavaScript 中的表达式。所以这里函数调用 f() 是一个表达式。函数调用会产生副作用,即将 x 的值更改为 20。表达式 f() 的结果被丢弃,但函数的目的仍然达到了(改变 x 的值)。

注意:JS 中的函数总是返回一个值,无一例外。如果没有 return 语句或函数没有返回值,在这两种情况下,函数都将返回 undefined。

var x = 10;

function f(){
    x = 20;
    return;
}

var result = f();
console.log(result); // will give undefined
登录后复制
登录后复制

分号

JS 中的分号是可选的,但始终建议包含它们,因为 JavaScript 中的 ASI(自动分号插入)有时可能会错误地猜测语句的结尾。我将在以后的文章中讨论 ASI 的模糊情况。

变量和赋值

// Declaring a variable
var x;

// Declaring a variable and assigning a value at the same time
var x = 10;

// Assigning value to existing variables
x = 20;

// Compound Assignment Operators
x += 1;
登录后复制
登录后复制

标识符

标识符是用于标识变量、函数或属性的名称(字符序列)。

规则:  标识符的第一个字符可以是任何 Unicode 字母、美元符号 ($) 或下划线 (_)。后续字符还可以是任何 Unicode 数字。

保留字不能用作标识符。您可以在此处查看 JavaScript 中保留字的完整列表。

Infinity、NaN、undefined :它们不是关键字,但我们必须将它们视为关键字。

价值观

JavaScript 就像其他编程语言一样有很多数据类型:布尔值、数字、字符串、数组等。所有这些值都有属性。这些属性采用键值对的形式。您可以使用点 (.) 运算符来访问对象的属性。

value.propertyKey

例如字符串的长度属性

var a;
if (b > 0) {
    a = 0;
}
else {
    b = 10;
}
登录后复制
登录后复制

点运算符还可以用于为属性赋值。

var a = b > 0 ? 0 : 10;
登录后复制
登录后复制

它也可以用来调用方法。内置字符串方法的一个这样的示例:

var x = 10;

function f(){
    x = 20;
    return x;
}

f(); // standalone statement
登录后复制
登录后复制

原始值与对象

在 JavaScript 中,原始值和对象之间存在特定的区别。

每个对象都通过引用进行比较,并且严格等于其自身。

例如

var x = 10;

function f(){
    x = 20;
    return;
}

var result = f();
console.log(result); // will give undefined
登录后复制
登录后复制

这与原始值的性质相反:

// Declaring a variable
var x;

// Declaring a variable and assigning a value at the same time
var x = 10;

// Assigning value to existing variables
x = 20;

// Compound Assignment Operators
x += 1;
登录后复制
登录后复制

原始值: 布尔值、数字、字符串、未定义和 null。

原始值的特征:

  • 1. 价值(内容)很重要。
var str = "Sahil"
console.log (str.length); // 5

// can also be calculated as 'Sahil'.length()
登录后复制
  • 2. 它们的属性是不可变的
var bike = {};
bike.cc = 200;

console.log(bike.cc); // 200
登录后复制

访问不存在的属性将返回 undefined

'SAHIL'.toLowerCase()
登录后复制

*对象*

所有非原始值在 JavaScript 中都被视为对象。

  • 1. 普通对象: 使用花括号创建的简单对象。 例如。
var bike = {};
var car = {};
console.log (bike === car); // false
登录后复制
  • 2. 数组: 数组帮助我们在单个变量名称下存储多个项目的集合。 例如。
var a = 20;
var b = 20;
console.log(a === b); // true
登录后复制
  • 3. **正则表达式:**我将就此单独撰写一篇文章。现在您可以参考这里了解更多关于正则表达式的信息。

物体的特征

  • 1. 它们是通过引用而不是它们所持有的值进行比较的。
> 1 === 1
true
登录后复制
  • 2.可变属性
> var st = “sahil”
> str.length()
5
登录后复制

以上是JavaScript 基础知识 1的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板