使用TypeScript开发的程序更安全,常见的错误都能检查出来。TS能让程序员事半功倍。而原因在于TS的“类型安全”(借助类型避免程序做无效的事情)。图 运行程序的过程但是TS不会直接编译成字节码,而是编译成JavaScript代码。TS编译器生产AST后,先对代码做类型检查,然后再编译成JavaScript代码。图 TS运行程序的过程1 类型类型是指一系列值及对其执行的操作。图 T
TS入门——03.类类的简单概述类描述了所创建的对象共同的属性和方法,在ES6之前,js是通过构造函数来描述类的,这里我们主要讲ES6之后的类。ES6是使用class关键字来定义类的,class关键字紧跟定义的类名,在类里可以定义接收参数的构造器constructor,可以定义原型方法,也可以定义静态属性和静态方法。ts类的定义ts定义类的方法和js定义类的方法大体一致,只是在类实例化时需要初始
转载 2024-06-20 18:05:16
0阅读
Vue中子组件不能直接引用父组件的数据,需要通过props选项接收来自父组件的数据。 props 的写法props 可以是数组或对象props数组父组件<template> <div> <child id="1" :openReading="article.openReading" :title="article.title" :tags="article
转载 2024-07-06 20:23:05
104阅读
函数的参数设置 默认参数 def power(x, n=2): s = 1 while n > 0: n = n - 1 s = s * x return s 有几点要注意: 一是必选参数在前,默认参数在后,否则Python的解释器会报错(思考一下什么默认参数不能放在必选参数前面); 二是如何设置
Vue 组件与组件之间的传值主要分为三种:父组件 传值给 子组件子组件 传值给 父组件非父子组件 间的互相传值1.父组件传值给子组件 通过 props 传值父组件传值给子组件,主要通过组件自定义props属性来完成,通过此属性用来接收来自父组件传递的数据,props的值可以是两种,一种是字符串数组;另一种是对象,props 中声明的数据与组件data 函数return 的数据主要区别就是props
转载 2024-10-17 08:59:36
620阅读
TS入门——02.函数函数定义函数就是一组可以执行某种特定功能的代码段,函数声明告诉编译器函数的名称、返回类型和参数 函数就是使用了关键词 function把代码块包裹在花括号中,如下// 函数声明 function fn() { console.log('函数执行了') } // 函数调用 fn() // 函数执行了大多时候,我们需要通过函数指定返回值给调用处,在js中我只需通过关键字ret
前言Base: vue@3.2.33 + typescript@4.1.6 + npm@8.5.0尝试解决将ts中自定义的interface/type,传vue的props属性的问题。 记录一下过程和思路。一、问题定位官方文档中说,props定义类型检查是可能的。In addition, type can also be a custom class or constructor functio
转载 2024-09-24 10:19:55
167阅读
五、面向对象要想面向对象,操作对象,首先便要拥有对象;要创建对象,必须要先定义类,所谓的类可以理解对象的模型;程序中可以根据类创建指定类型的对象;举例来说: 可以通过Person类来创建人的对象,通过Dog类创建狗的对象,不同的类可以用来创建不同的对象;定义类class 类名 { 属性名: 类型; constructor(参数: 类型){ this.属性
转载 2024-04-22 19:15:24
840阅读
使用props在Vue中父组件向子组件中传送数据是通过props实现的,一个简单的使用props的例子: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Vue Study</title> 6 </he
转载 10月前
24阅读
前言平时写vue的时候知道props有很多种用法,今天我们来看看vue内部是怎么处理props中那么多的用法的。vue提供的props的用法1. 数组形式props: ['name', 'value']2. 对象形式对象形式内部也提供了三种写法:props: { // 基础的类型检查 name: String, // 多个可能的类型 value: [String,
转载 7月前
74阅读
ts基础使用1.全局安装typescriptnpm install -g typescript2.TS基本使用1.原始类型定义// 原始类型定义 let isDone: boolean = false let age: number = 11 let myName: string = 'logan' let message: string = `hello, ${myName}` let u: u
函数是 JavaScript 中的一等公民函数声明在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression).一个函数有输入和输出,要在 TypeScript 中对其进行约束,需要把输入和输出都考虑到,其中函数声明的类型定义较简单:function sum(x: number,y: numb
组件中可以通过 Prop 来接收组件外部传递的数据。一、传递参数 React 中传递参数和 Vue 种类似,除了普通字符串以外,其他类型的数据都需要以 {} 的形式传递:import React, { Component } from 'react' import FunctionChild from './FunctionChild' import ClassesChild from './Cl
一、类型声明(一) 类型声明类型声明是TS非常重要的一个特点通过类型声明可以指定TS中变量(参数、形参)的类型指定类型后,这些指定的类型也称为“静态类型”,就是你一旦定义了,就不可以再改变了。当变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值语法:let 变量: 类型; let 变量: 类型 = 值;
函数是 JavaScript 应用程序的基础。 它帮助你实现抽象层,模拟类,信息隐藏和模块。 在 TypeScript 里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义行为的地方。 TypeScript JavaScript 函数添加了额外的功能,让你可以更容易地使用。函数定义类型一般使用中,我们可以不必完整写出函数类型,因为 TypeScript 会为我们自动推断出类型,需要注意
2019-10-28:学习内容:快速入门,环境搭建,基础类型,类型断言、变量声明、解构、展开补充:(1)尽可能地使用let来代替var 创建对象 一、npm环境:如何安装NPM和Node: 二、安装TS并编译第一个代码:// TS: class Student { fullName: string; constructor(public firstName,
转载 6月前
37阅读
类的基本使用定义 TypeScript 是面向对象的 JavaScript。类描述了所创建的对象共同的属性和方法。TypeScript 支持面向对象的所有特性,比如 类、接口等。 类的内容如下:字段 − 字段是类里面声明的变量。字段表示对象的有关数据。构造函数 − 类实例化时调用,可以为类的对象分配内存。方法 − 方法对象要执行的操作class Person { // 需要先定义实例属性,才
TS类型一、基础类型1.数字 numberlet num: number = 562.字符串 stringlet str: string = '字符串'3.布尔值 booleanlet isOk: boolean = true二、空和未定义注意:这两种类型有且只有一个值,所以在标注一个变量null或undefined时,就表示这个变量不能被修改了1.空 nulllet data1: null =
转载 2024-07-22 18:27:22
841阅读
basic泛型可以提高函数、组件的复用性。能通过泛型记住当前传入的类型。function identify<T>(arg: T): T { return arg }在我们声明了泛型之后就可以通过两种方法来调用方式一:传递参数和需要的泛型信息方式二:使用 ts参数类型推断(type argument inference )。根据参数类型自动推断出泛型 T 的类型// 方式一 ide
转载 2024-09-17 16:40:33
60阅读
1.一些成员函数改变对象,一些成员函数不改变对象.   2.为了使成员函数的意义更加清楚,我们可在不改变对象的成员函数的函数原型中加上const说明: const成员函数应该在函数原型说明和函数定义中都增加const限定3.非常量成员函数不能被常量成员对象调用,因为它可能企图修改常量的数据成员:但构造函数和析构函数对这个规则例外,它们从不定义常量成员,但可被常量对象调用
  • 1
  • 2
  • 3
  • 4
  • 5