首页 > 编程语言 >JavaScript 学习

JavaScript 学习

时间:2023-12-09 21:00:26浏览次数:37  
标签:console 函数 firstName JavaScript greet 学习 person let

变量声明和数据类型

var name = 'John';
let age = 25;
const PI = 3.14;

// 数据类型:字符串、数字、布尔值
// var声明(ES5),let和const声明(ES6)

  • varletconst 是 JavaScript 中声明变量的关键字。var 在 ES5 中使用,letconst 在 ES6 中引入,具有块级作用域,能避免变量提升的问题。
  • name 是一个字符串类型的变量,存储着名为 "John" 的数据。
  • age 是一个数字类型的变量,存储着数值 25。
  • PI 是一个常量,存储着圆周率值 3.14。由于是用 const 声明,所以其值不可更改。

条件语句和循环

let x = 10;

if (x === 10) {
console.log('x is 10');
} else {
console.log('x is not 10');
}

for (let i = 0; i < 5; i++) {
console.log(i);
}

  • if-else 是条件语句,根据条件判断执行不同的代码块。
  • for 循环语句,用于重复执行指定的代码块,语法包括初始化(let i = 0)、条件(i < 5)和递增(i++)三个部分。

函数定义和调用

function greet(name) {
console.log('Hello, ' + name);
}

greet('Alice');

  • function 关键字用于声明一个函数。
  • greet 是函数的名称,接受一个参数 name
  • 函数内部使用 console.log() 方法打印一条问候语,并将参数 name 输出到控制台。
  • greet('Alice') 是函数的调用,将字符串 'Alice' 作为参数传递给函数。

对象和属性

let person = {
firstName: 'John',
lastName: 'Doe',
age: 30,
greet: function() {
console.log('Hello, ' + this.firstName);
}
};

console.log(person.firstName);
person.greet();

  • person 是一个包含属性和方法的对象。对象属性由键值对组成,可以包含字符串、数字、函数等不同类型的值。
  • firstNamelastNameage 是对象 person 的属性。
  • greet 是一个函数属性,存储着一个打印问候语的方法。
  • 使用点符号 . 或者方括号 [] 来访问对象的属性或调用方法,例如 person.firstNameperson.greet()

函数表达式

除了用 function 关键字声明函数外,还可以使用函数表达式创建函数。

let greet = function(name) {
console.log('Hello, ' + name);
};

greet('Alice');

  • 函数表达式将函数赋值给变量 greet。这种方式创建的函数被称为匿名函数,因为它没有函数名。
  • 可以像调用普通函数一样使用函数表达式来调用 greet('Alice')

对象的属性和方法

在对象中可以包含其他对象,以及为对象添加方法。

let person = {
firstName: 'John',
lastName: 'Doe',
age: 30,
address: {
city: 'New York',
country: 'USA'
},
fullName: function() {
return this.firstName + ' ' + this.lastName;
}
};

console.log(person.address.city);
console.log(person.fullName());

  • address 是一个嵌套在 person 对象内部的对象。可以使用点符号(person.address.city)访问嵌套对象的属性。
  • fullName 是一个方法,通过 this 关键字引用对象本身,并返回 firstNamelastName 组合成的完整姓名。

构造函数和原型

构造函数允许你创建对象模板,并在创建新对象时初始化对象属性。

function Person(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}

Person.prototype.fullName = function() {
return this.firstName + ' ' + this.lastName;
};

let john = new Person('John', 'Doe');
console.log(john.fullName());

  • Person 是一个构造函数,用于创建 Person 类的新对象。通过 new 关键字实例化对象。
  • fullName 方法被添加到 Person 类的原型中,以节省内存并且可以被所有 Person 的实例所共享。

标签:console,函数,firstName,JavaScript,greet,学习,person,let
From: https://www.cnblogs.com/chen-zeyang/p/17889274.html

相关文章

  • CSS学习
    学习CSS 一、概述 CSS(层叠样式表)是一种用于描述HTML(或XML和SVG等其他标记语言)文档样式的样式表语言。它被广泛用于网页和用户界面的设计和布局。通过使用CSS,开发人员可以分离内容和样式,使网页更易于维护,提高用户体验。 二、学习资源 W3Schools、菜鸟教程三、核心概念......
  • 《网络空间安全导论》第5周学习总结
    学期:2023-2024-1学号:20232402《网络空间安全导论》第5周学习总结教材学习内容总结教材学习中的问题和解决过程问题1:不太理解非结构信息自组织聚合表达技术问题1解决方案:询问ChateGPT。非结构信息自组织聚合表达技术(UnstructuredInformationOrganizationandAggrega......
  • Markdown学习(表示效果)
    Markdown学习二级标题三级标题四级标题 字体helloworldhelloworldhelloworldhelloworld 引用選択したら、ピックになる分隔线图片超链接跳转到博客列表ABCABC 表格姓名性别生日张三男1999.1.1 代码public......
  • Vue源码学习(十八):实现组件注册(一)Vue.component()和Vue.extend()
    好家伙, 0.完整代码已开源https://github.com/Fattiger4399/analytic-vue.git 1.思路1.1.什么是组件化? Vue组件化是指将复杂的应用程序拆分成多个独立的、可复用的组件,这些组件可以实现特定的功能或局部功能。组件化有助于提高开发效率、方便重复使用、简化调试步骤......
  • 2023-2024-1 20231410刘珈岐《计算机基础与程序设计》第11周学习总结
    2023-2024-120231410刘珈岐《计算机基础与程序设计》第11周学习总结作业信息这个作业属于哪个课程(https://edu.cnblogs.com/campus/besti/2023-2024-1-CFAP)这个作业要求在哪里(https://www.cnblogs.com/rocedu/p/9577842.html#WEEK11)这个作业的目标自学教材《......
  • Vue学习之node.js环境下利用Vue-cli脚手架搭建Vue项目
    目录第一个Vue-cli应用什么是vue-cli?vue-cli主要功能:搭建需要的环境1、nvm-windows下载2、安装nvm3、修改nvm环境变量4、通过nvm安装node5、安装全局npm6、一些替代npm的方式安装vue-cli第一个脚手项目配置命令行运行Vue项目IDEA运行Vue项目第一个Vue-cli应用之前练习了Vue一些......
  • Vue学习之Vue的计算属性与Vue内容分发
    vue计算属性vue计算属性的重点突出在属性两个字上(属性是名词),首先它是个属性其次这个属性有计算的能力(计算是动词),这里的计算就是个函数;简单点说,它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已<!DOCTYPEhtml><html><head><metacharset="U......
  • Vue学习之参数传递与事件分发使用this.$emit(‘自定义事件名‘, 参数)自定义事件删除
    ......
  • Vue学习之Vue结合 ElementUI 组件库搭建Web工程项目
    创建Vue项目打开cmd命令行界面,创建一个全新的vue项目,我们命名为hello-vue,这里附上ElementUI网址如下:ElementUI#使用webpack打包工具初始化一个名为hello-vue的工程vueinitwebpackhello-vueNPM安装相关组件依赖时可能会遇到权限问题,此时使用PowerShell管理员模式运行即......
  • 学期2023-2024-1 20231401 《计算机基础与程序设计》第十一周学习总结
    学期2023-2024-120231401《计算机基础与程序设计》第十一周学习总结作业信息这个作业属于哪个课程2023-2024-1-计算机基础与程序设计)这个作业要求在哪里2023-2024-1计算机基础与程序设计第十一周作业这个作业的目标自学计算机科学概论第15,16章,《C语言程序设计......